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 using HTML & CSS

@blurrypxl

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


Hi guys, I just finished this challenge. Please let me know if you have any suggestions, I'd really appreciate it :)

Thank you

Community feedback

P
Jaydi 355

@ruedasjnthn

Posted

The website responsiveness is great but the margin of the card component is not proportional

1

@blurrypxl

Posted

@ruedasjnthn Alright thank you for your feedback, I appreciated that :)

0
P
Jaydi 355

@ruedasjnthn

Posted

@blurrypxl u can use grid broo, it is very useful in this challenge

i already finished this challenge, i'll be really glad to hear your feedback on my work.

0
P
Jaydi 355

@ruedasjnthn

Posted

@blurrypxl u can use grid broo, it is very useful in this challenge

i already finished this challenge, i'll be really glad to hear your feedback on my work.

0
P
Jaydi 355

@ruedasjnthn

Posted

@blurrypxl u can use grid broo, it is very useful in this challenge

i already finished this challenge, i'll be really glad to hear your feedback on my work.

0
Nic 595

@nicm42

Posted

This looks great.

I have a suggestion with the position: absolute on the body. Absolutely positioning something takes it out of the flow of the document. When it is essentially the document, it's a bit of a weird idea.

What you can do is instead change it to position: relative. On its own, adding position: relative to an element effectively does nothing, but what it does mean is that any children within it that are absolutely positioned are then positioned relative to their relatively positioned parent, rather than the document.

Once you do that, you also no longer need the left: 0 and right: 0 on the body.

1

@blurrypxl

Posted

@nicm42 Well noted, thanks for your suggestions on positioning, I'll implement them in future challenges :)

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