Design comparison
SolutionDesign
Solution retrospective
This is a classing grid problem. In my initial solution, yes I used grid
and everything was properly organized.
I have made updates to use the full power of grid-areas
.
** What I learnt**
- using
grid-template-columns: repeat(4, 1fr);
yields different results fromgrid-template-columns: repeat(4, auto);
I thinkauto
tries to fit everything nicely by utilizing all the available space whereas1fr
is some form of a unit that is respected by grid. z-index
can only work if the element is positioned asabsolute
,relative
,sticky
or aflex/grid
item
I would love some feedback. Thank you.
Community feedback
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