
Submitted 2 days ago
Responsive Cards Section - Media Queries, Flexbox and Grid
#accessibility#bem#sass/scss
@wellspr
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm just happy to apply some grid styling (which I implemented only in the desktop version, while the mobile version utilizes flex). I took the liberty of adding an intermediate version, which I believe is an interesting addition to the design.
What challenges did you encounter, and how did you overcome them?I found this project pretty straightforward. I've implemented a layout transition:
- From mobile version, which I styled as a flex column;
- To an intermediate version styled as a flex row wrap;
- Finally, arriving desktop version that uses grid.
I'd love to receive any feedback about my solution!
Community feedback
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