Skip to content
Submitted 7 months ago

Responsive Four card feature section using CSS Grid, Flexbox and BEM

#sass/scss#bem
P
DalaScript•550
@DalaScript
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?
  • I'm proud that this was my first project where I used SCSS—it was a very pleasant experience! 🎉✨
  • I really liked it, and after this, I'm going to use SCSS all the time. 💻💪
  • I also used CSS Grid for the first time, something I learned early on but never had the chance to apply. I think I did well! 📐🟦
What challenges did you encounter, and how did you overcome them?
  • These weren't really difficulties; for example, SCSS was new, and I didn't know the syntax, so I searched the Internet. 🔍💻
  • I also revisited CSS Grid with the help of online resources. These weren't difficulties for me—I managed easily. 🌐✨
What specific areas of your project would you like help with?
  • I'd love to hear from other developers about what they think of my SCSS and CSS Grid implementation. 🧑‍💻💬
  • Suggestions on how I can improve these skills would be greatly appreciated! 🌟🛠️

Community feedback

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