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

html and css flex

jakeā€¢ 140

@jakewebd

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


all tips appreciated!

I wasn't sure how to make a <pre> responsive so the mobile design isn't centered as well with the description and such.

Community feedback

@RolandoParadaPuig

Posted

very good job! i like it! if you want some advice try to use the "mobile first" design pattern this is a free course that help me alot: https://courses.kevinpowell.co/view/courses/conquering-responsive-layouts/ šŸ˜‰ and read the report section and try to fix some of the issues that you have, it will help you to learn alot about semantics and best practices!

on your css you can use variables to help you make fast changes on larger apps that have repitted styles on diferent elements for example you could put on variables your background colors try to learn about css virables here: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties šŸ‘€ good luck with your developer journey! šŸ‘šŸ™Œ

Marked as helpful

1

jakeā€¢ 140

@jakewebd

Posted

Thank You!

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