Design comparison
Solution retrospective
I encountered a few challenges while working with CSS Grid, especially when it came to the desktop view layout. At first, I struggled to understand how to achieve the desired layout, but learning about grid-template-areas
helped me precisely place grid items where I wanted them. Initially, I thought I needed to apply max-width
to the grid items for proper sizing. However, I realized that using grid-template-columns
effectively handles the resizing of elements across different screen sizes without the need for max-width.
Seems like compared to the design in desktop view the width of my elements seem shorter , can't seem to understand how that happened
Community feedback
- @HagarRagabPosted 3 months ago
Good job, I like how you arrange the sass code it's clean and easy to read for bigger projects you can follow the 7-1 architecture pattern in which you can arrange SASS code into 7 folders and one file. This link for a small project used this pattern https://github.com/KittyGiraudel/sass-boilerplate. Stay save and never give up :)
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