Responsive grid with CSS Grids

Responsive grid with CSS Grids

HTML

<ul>
  <li>666</li>
  <li>555</li>
  <li>444</li>
  <li>333</li>
  <li>222</li>
  <li>111</li>
</ul>

CSS

ul{
		display:flex;
		flex-direction:column;
		list-style: none;
	}
	@media(max-width: 766px){
		ul{
			flex-direction:column-reverse;
		}
	}