Forms & CSS Grid are awesome :)

Bradpaulp · October 18, 2018, 2:10am

First real world use with grid, loving it.
Making a form here and placing the fields is easy as pie in a 2x3 grid.

Now, the question arises: for styling on mobile, how do you get the grid to cascade into what I’ll call a 1x6 (1 column, 6 rows), instead of 2 columns 3 rows…

Best I’ve been able to do is just change it to flex vertical/center… but that defeats grid.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Bradpaulp · October 18, 2018, 2:15am

Welp!
Nevermind, apparently you just need to add 3 more rows, and the reposition the items, then delete the right column…