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

@dan-dye

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


This is my first project on this site so I would appreciate any and all feedback for moving forward.

Community feedback

Burak CLN 385

@brkcln

Posted

Hello there, thanks for the posting your work.

  • In my laptop your site looking like this (https://prnt.sc/1kq5u90), Its Vertical i didn't read all code but probably cause of media or flex,
  • on mobile - tablet ; its overflowing (https://prnt.sc/1kq75cp)Maybe you want to look at it too. Good work.. Keep it up..

Marked as helpful

1

@dan-dye

Posted

@brkcln Thanks for the feedback. Definitely struggled with this issue when I wrote it but I had hoped I'd fixed it for most cases. Will take a look tomorrow and hopefully update a fix.

1

@dan-dye

Posted

@brkcln I believe this should be fixed now. I ended up completely refactoring the html and css because there were some foundational problems with how I was implementing flexbox mainly around me not using the the flex property on my elements and using static units for a lot of things. Took a while to rebuild it but I definitely learned a lot in the process and am much happier with its responsiveness.

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