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 stat preview component

@dubeyaditya29

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 Hope you guys are doing great! So from my last submission I have tried my best not to repeat those mistakes. This project took time and effort and would love if you could review and provide your valuable inputs for improvement. Thanks :)

Community feedback

@eduardosgn

Posted

Hello! I'd suggest you try using SASS for your styling code, i'ts way cleaner and easier to write CSS using SASS mixins, nesting and variables!

1

@dubeyaditya29

Posted

Thanks @eduardosgn I will learn it thanks for the info can you suggest some good resource to start with as a beginner.

0

@dubeyaditya29

Posted

Hey @eduardosgn as you suggested I have learnt SASS from freeCodeCamp and will be using in the coming projects. Thanks for the suggestion. :)

1
Yazdun 1,310

@Yazdun

Posted

great job ! I suggest you to do mobile first, believe me it saves you a lot of headaches. another thing I noticed, display flex is a row by default so you don't need to declare it as a row unless you gave it column direction before.

I also opened a pull request to your repo which will fix some of these issues

1

@dubeyaditya29

Posted

That's great @Yazdun thanks for this really didn't knew this before thanks :)

0
Yazdun 1,310

@Yazdun

Posted

@dubeyaditya29 welcome╰(°▽°)╯

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