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

(not very responsive) Stats Preview Component

Nikki 80

@N11KK11

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


Thanks to some great feedback here, next project I know to implement the mobile first approach. I am really struggling with responsivity.

The layout / text formatting is very ugly too , I will keep learning and practice! Thank you for any advices! 🫶

Community feedback

Tsuri 330

@TsuriH

Posted

Can I ask you based on what you had decided to give the container: width: 864px; ? Educational guess? or there is more than that?

1

Nikki 80

@N11KK11

Posted

@TsuriHe Sorry for late reply. Good question! I'm a beginner and not confident on my decision, or best practice.

My project isn't very responsive , it displays badly on smaller screen. Maybe I should use the fluid percentage widths. In future I will improve this code.

Thank you for the question, any advice is always appreciate!

0
Tsuri 330

@TsuriH

Posted

@N11KK11 You welcome bro, Im still trying to figure out what is the best and professional way to do so, Ill keep you posted the moment Im sure, but anyway, keep up the good work!

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