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

@Ahtemarul-Hasan

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


Some feedback on managing the responsiveness would be highly appreciated.

Community feedback

Victor Eke 190

@Evavic44

Posted

Lol your last commit message is real funny, I feel your pain. Struggled with this challenge as well, especially with aligning the container to the center. With some struggling I finally figured it out. Simply add a max-width of 1000px and margin: auto on the left and right. This should align the whole card.

1

@Ahtemarul-Hasan

Posted

Ayyyyyyyy. Thanks, man. This CSS thing is weird as hell

0
Victor Eke 190

@Evavic44

Posted

@Ahtemarul-Hasan You're welcome.

0
P
Patrick 14,325

@palgramming

Posted

while the overall sizing is different than the challenge I cannot say that I do not like it cause I think I like it better but it would be much better if you could keep the people in the photo in the focused in the container as it transitions. If you could keep the smiling lady always in view without her going off the screen then the design would work for all screen sizes

1

@Ahtemarul-Hasan

Posted

@palgramming While I agree with you I just didn't know how to do it. I will soon do it though. Thanks for the feedback

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