What challenges did you encounter, and how did you overcome them?
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.
What specific areas of your project would you like help with?
Seems like compared to the design in desktop view the width of my elements seem shorter , can't seem to understand how that happened
@HagarRagab
Posted
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 helpful
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
