Design comparison
Solution retrospective
Cards in my html are structured as follows: div element that contains first card, div element with two middle cards inside it and fourth card. I wrapped two middle cards inside another div element so that I could arange them in a column for desktop version.
I could not think of a way to make that happen without using extra div element for middle cards. Any alternative options?
Community feedback
- @palgrammingPosted over 3 years ago
you should look into CSS-Grid Template Areas
also on the resources tab here there is a CSS Grid course by Wes Bos that is Free that you should watch if you wanted to get started with grid
you should look at your media query and change the 1440px to 1000px and see if your page looks better during the transition
0@ignascPosted over 3 years ago@palgramming thanks for the feedback. I will look into resources and media query.
I have also noticed after submiting and comparing, that the website should be aligned vertically as well or at least take more space, instead of leaving empty bottom. Mine is offset from the top at fixed distance for desktop version.
0@palgrammingPosted over 3 years ago@ignasc horizontal centering is the important thing. I am not picky about the vertical centering of the layout but that is just my opinion. A margin at the top of the layout seems to me the better option for most things
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord