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

Stats preview card component with CSS and Flex

#bem#gulp
Danilo Blas 6,300

@Sdann26

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I would like to have a better order in my directories for future work, could you give me some suggestion.

Community feedback

P

@Miculino

Posted

Congrats on completing this challenge, @Sdann26

I really like your solution and it's one of the best I've seen so far for this challenge. Your design is almost pixel perfect and the responsive design works as expected.

Your folder and file structure looks pretty good to me.

If you want to become more advanced, I suggest looking into SCSS / SASS, BEM methodology, and 7-in-1 folder architecture

https://sass-lang.com/ https://en.bem.info/methodology/ https://www.learnhowtoprogram.com/user-interfaces/building-layouts-preprocessors/7-1-sass-architecture

Keep up the good work!

Marked as helpful

2

Danilo Blas 6,300

@Sdann26

Posted

@Remus432 Thank you very much for the recommendations!

1

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