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 Sass & Flexbox

@DCoder18

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


I think I did okay in this one. However, when I reduce the screen size below 1000px, the spacing on either side of the container seem to become unequal and sometimes a horizontal scroll will appear. I tried almost all stack overflow fixes like using overflow-x: hidden in both html and css. Adding 100% width and height to the html or body but the problem doesn't seem to go away. If anyone knows how to fix this, please let me know thanks :)

Community feedback

Alice 245

@AliceMenzie

Posted

Hi Devika, I'm not sure but did you try adding a min-height/width you could try adding it to the card or to the image-section/content-section this might make it less responsive but maintain its shape when resizing. ☀️

1

@DCoder18

Posted

@AliceMenzie Thanks for the feedback! I'll try that next time :)

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