Responsive four card feature section(SASS+BEM+Desktop-first+CSS-grid)
Design comparison
Solution retrospective
Hello everyone 👋🏻 This is my solution to Four card feature section challenge from front-end mentor. Hope you enjoy it. I will be more than happy to hear your feedbacks! ❤️ Built with: ✅ Semantic HTML5 markup ✅ CSS custom properties ✅ Flexbox ✅ CSS Grid ✅ Desktop-first workflow
Community feedback
- @nodegreecodePosted 3 months ago
Hi! I’m really impressed with your implementation, especially the grid/column system. That’s something I’ve been trying to achieve myself but haven’t quite nailed yet—great job!
If I may, I’d suggest adding an intermediate breakpoint in your media queries where the grid transitions first to two columns before switching to a single-column layout. It could enhance responsiveness and make the design even more polished.
Keep up the fantastic work, and have fun tackling your next challenges!
0
Please log in to post a comment
Log in with GitHub
Join 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