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

Solution 3 stats using CSS Grid and Flexbox

@emanuelcba94

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


Feedback welcome. Emanuel Bonardo

Community feedback

Fer 3,970

@fernandolapaz

Posted

Hi 👋, some of this may interest you:

  • An unordered list <ul> could be appropriate for the statistics ('flex-group').
  • Think about using relative units like rem also for the font-size since they are better for scalable layouts.
  • It might be good to get used to designing with the Mobile First approach (which means designing for mobile first and then for desktop or any other device) as it is widely considered best practice.

I hope it’s useful, nice solution : )

Saludos,

1

@danielapanewe

Posted

Great job! Just two points i will talk about. 1-When you use a div like the div with the classname "flex-one", you don't need to specify "display:block", by default a div has a display:block. 2- For the image you could also put it as a background and use a linear gradient for the color

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