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, CSS, FLEXBOX

@swethalakshmi22

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


Any type of feedback would be a great help. Thanks.

Community feedback

Faris P 2,810

@FarisPalayi

Posted

You have done an excellent job 👏! Site Layout is responding nicely to different screen sizes.

One small issue I noticed is that, when viewport width is between 901px and 1087px the layout breaks a bit. Probably a loophole in the media query breakpoints.

Nevertheless, site is looking real good and have fun coding 👩‍💻

0

@swethalakshmi22

Posted

@FarisPalayi Thank you so much.

0

@daniloscunha

Posted

Hey! Nice job! You should look for flex-direction (https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) to solve the positioning of the image.

0

@swethalakshmi22

Posted

@daniloscunha Thank you for the help. I will take a look at it.

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