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

Stat-preview Solution

@itsleeparker

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 guys this is my second solution here ,I know there is a little mess in the code at the end ,however I'm still learning frontend development so it will be very thankful to have some advice!!!

Community feedback

Lebogang 90

@iLebo-stack

Posted

*Your typography in desktop view is well styled.

*Your overlay extends past the container (its visible outside the container). *On mobile view you have your image round on the bottom right corner. *Top left corner of your image on mobile view is not round.

*You can fix all these by removing the border-radius properties on the image (.side-image) and add a property of overflow set it to hidden on your container (.container).

0

@itsleeparker

Posted

@iLebo-stack Thankyou so much my friend that helped alot I will make the following changes ,thanks again for reviewing 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