Design comparison
Solution retrospective
The thing I am most proud of is that I didn't surrender though it was hard for me at first because I was so confused and I felt overwhelmed in the Grid Layouts. However, there are a lot of resources that helped me finished this project. Next time I would do differently is to plan first before jumping into coding, and I will learned more the foundations of CSS Grid and it's layouts.
What challenges did you encounter, and how did you overcome them?The challenge I encountered on this project was positioning the grid card layouts accurately. However, I overcame this challenge with the help of YouTube and by searching for solutions on Google.
What specific areas of your project would you like help with?When it comes to CSS Grid, my question is: is it more common to use the grid-template-areas property for positioning a layout, or to use grid-column and grid-row selectors? Or maybe it depends?
Community feedback
- @gustavo2023Posted 26 days ago
Hi! Good job on the challenge
Here are a couple of suggestions:
- Ensure all images have descriptive
alt
attributes. This will improve the accessibility of your site. - The quote image is not showing, so try to check on that.
- I recommend using
rem
units for the media queries. This ensures that the layout adapts to the user’s chosen font size. This is important for users who have visual impairments and may have increased the font size in their browser settings.
Keep it up!
1 - Ensure all images have descriptive
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