- I am getting better at using CSS selectors. Feeling like I am making progress
- I used a mobile first approach using flex box so I used
flex-direction: column
and then at@media (min-width: 1100px)
changed toflex-direction: row
. - It felt like the column structure made the screen look somewhat empty while the width was > 800px.
- I moved to
@media(min-width: 800px)
but addedflex-wrap: wrap
which let the last card move to a new row while keeping the others on one line so the screen doesn't feel empty when changing from column to row structure (or the other way around)
- Any feedback and ideas for improvement are welcome - really helps a lot :D