Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

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

P
DalaScriptβ€’ 380

@DalaScript

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

Alexandru736β€’ 210

@Alexandru736

Posted

Good jobe, mate! I have nothing to comment on your design/code! Keep it up!

1

P
DalaScriptβ€’ 380

@DalaScript

Posted

@Alexandru736 Hey, thank you, that motivates me so much!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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