Design comparison
Solution retrospective
The media query was not properly achieved. I am not quite sure about the Grid Any Idea on how to get it better next time will be duly appreciated in the comment section
Community feedback
- @correlucasPosted over 2 years ago
๐พHello Kixzy, congratulations for your solution!
This is a hard challenge and you've done the hardest thing that was set the
grid
layout and themedia query
on. Your grid is totally correct, you did the right choice another way to do it was usinggrid-area
but I don't think is necessary in this case.All you need to do is work a little bit the solution using the proper
font-family
, use some moregap
values to separate each card, increase thefont-size
and work around the design in general, but the html structure and grid css are all set. Maybe you can also check the solution report panel and fix the accessibility issues too.Hope it helps you bro, congrats!
Marked as helpful1@KixzyPosted over 2 years ago@correlucas Thank you so much, I really do appreciate your help. I will do my best to follow up on your corrections.
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