Design comparison
SolutionDesign
Solution retrospective
I hope you can leave me some tips
Community feedback
- @thekarthikrPosted about 2 years ago
Hey Ahmed Kamal, It's better to use
display:grid
instead ofdisplay:flex
for this challenge.gird-template-columns
andgrid-template-rows
specify the size of the columns and rows, and how many columns and rows are in the grid layout. Want to know more about display: grid refers to the websites shown below.https://css-tricks.com/snippets/css/complete-guide-grid/
https://www.w3schools.com/css/css_grid.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
https://cssgridgarden.com/
I hope it helps.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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