I decided to try doing the mobile design first then moving onto the main grid desktop view but it seems more compliated.
What’s going on with my grid, why aren’t they all sitting nicely in 1ft columns? The boxes are also overlapping eachother.
I realy want to get into a pattern of learning to do mobile first but getting annoyed at this ha! Usually I can do grid basics fine but doing mobile first has confused me. Am I focusing on the right containers? Is my main grid the correct container (section)?
my mobile finishes at @media screen and (min-width: 620px). Which is where I want to use grid.
Bonus question: For a simple design like this, shoud I be using grid for the mobile screen so I can cleanly transform it to the desktop view?