Submitted about 3 years ago

Stats preview card using HTML & CSS

Alif Panglima Nurda• 135

@blurrypxl

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Stats preview card component

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

Jaydi• 355

@ruedasjnthn

Posted about 3 years ago

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

Alif Panglima Nurda• 135

@blurrypxl

Posted about 3 years ago

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

Jaydi• 355

@ruedasjnthn

Posted about 3 years ago

@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.

Jaydi• 355

@ruedasjnthn

Posted about 3 years ago

@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.

Jaydi• 355

@ruedasjnthn

Posted about 3 years ago

@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.

Nic• 595

@nicm42

Posted about 3 years ago

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.

Alif Panglima Nurda• 135

@blurrypxl

Posted about 3 years ago

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

Please log in to post a comment

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