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 HTML and CSS

@mizek1

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


Feedbacks on how to improve the media queries and the code in general would be cool.

Community feedback

darryncodes 6,430

@darryncodes

Posted

Hi Danilo,

A couple of concepts for you that I enjoy using that could help you progress even further:

  • SASS adds lots of additional functionality to CSS like variables, nesting, partials and more which can make writing CSS easier and faster
  • BEM (Block, Element, Modifier) is a component-based approach to web development. The idea behind it is to divide the user interface into independent blocks. This makes interface development easy and fast even with a complex UI, and it allows reuse of existing code without copying and pasting

All the best!

Marked as helpful

1
Davide 1,725

@Da-vi-de

Posted

Hi, it's a nice result but i would make the card for desktop version bigger , font-size seems a bit small at that width. Also if you want to become a pro in the future get used to separate HTML and CSS. The style should be in its own file style.css. Keep coding :-)

Marked as helpful

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