Force CSS Grid to follow the order of li elements of a ul in the HTML code.
I have this code:
By default CSS grid is splitting the list in two columns with Calypso on one column and Casio on another. What I want instead is to respect the order and start the second column with Majorica 1890.
4 Replies
Use columns ?
MDN Web Docs
columns - CSS: Cascading Style Sheets | MDN
The columns CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
@kooliris Here is one direction to go, using flex box:
Use grid-auto-flow: column
https://codepen.io/chooking/pen/OJqOYjz