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 using SCSS and Flexbox

Nick Tesh 40

@nicktesh

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


Hey everyone! This is my very first challenge here on Frontend Mentor. I utilized Flexbox and SCSS for this challenge. I typically use Bootstrap for most of my projects but would like to master Flexbox alone. Side note: This is my second week of using SCSS and I am loving it. Let me know what you think!

Community feedback

Alex G 315

@AlexGDevPro

Posted

Hello,

Like Matt says before, it looks good.

But in HTML i think you made a semantic mistake. You should invert h3 and p, because the title is the categories' name of stats not its value.

Hope that will help you. Keep coding and have a nice day.

Marked as helpful

1

Nick Tesh 40

@nicktesh

Posted

@AlexGDevPro You're absolutely right. Thank you for pointing this out!

0

@Mattvp21

Posted

Looks good! Especially on mobile. Good use of sass variables as well. My suggestion would be to look into BEM naming conventions. It helps keep sass organized and i believe its really important for big projects.

Happy coding :) Matt

1

Nick Tesh 40

@nicktesh

Posted

@Mattvp21 Thank you, Matt! I will definitely look into BEM.

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