Design comparison
Solution retrospective
the grid system, the first time it failed but on the second try i figured it out. and i really enjoyed this challenge though things didn't come out the way i wanted but it was really a nice experience
What challenges did you encounter, and how did you overcome them?i got a challenge working out the responsiveness on medium screens i think i failed on that but i will improve that in the near future and also the centering of the grid i don't know why margin: 0 auto;
refused to its magic the way i wanted it to appear
putting my grid in the middle of the page. if any one can look at my code and tell me why it is not put in the middle the way i want.
Community feedback
- @MaelkMarkPosted 3 months ago
Nice solution!
The grid itself is centered horizontally, it just has an extra unnecessary empty column. Modify the
grid-template-columns
to repeat1fr
4 times instead of 5:grid-template-columns: repeat(4, 1fr)
(Please upvote if this helps)
0
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