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

Basic HTML and CSS - Desktop first

Siddhant Kashyapโ€ข 30

@asksid27

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


justify-content wasn't having any effect on mobile version, I tried space between but was having some problem with height(I think). Please help me with those spacings. Any more suggestions will be appreciated.

Community feedback

Dineshโ€ข 1,115

@Dinesh1042

Posted

Hello, SIDDHANT KASHYAP'S!๐Ÿ‘‹ Your solutions responds very well Here are my few Suggestion for your solutions

  • In mobile view in card Element you should not specify the direct height of 90% the height should be taken by the content of the element
  • it's seems like you haven't changed fonts in your project.
  • In mobile view .content h1 text must be be aligned center.
  • You should set some breathing space for stats children. It is to close to each other

Yep! that's it!๐Ÿ˜ Wish your Happy Coding๐Ÿ’ช

2

Siddhant Kashyapโ€ข 30

@asksid27

Posted

@Dinesh1042 Thank you for our feedback!!

0
Victor Ekeโ€ข 190

@Evavic44

Posted

You can add the right fonts using CSS import tag on google fonts, just paste it in the CSS file at the top and it is ready to be used in the font-family property. Here is the link: https://fonts.google.com/specimen/Inter?query=inter

1

Siddhant Kashyapโ€ข 30

@asksid27

Posted

@Evavic44 Yes, thanks for the help. Will add that for sure!

0
Victor Ekeโ€ข 190

@Evavic44

Posted

Good progress you've made. ๐Ÿ˜Ž

1

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