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

Mobile first site usning Html CSS

Suraj Jha 35

@Suraj9505

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


I had some issues doing this like the paragraph lines have some spacing between top and bottom and i don't know how to do that. please help me with that

Community feedback

@beslerpatryk

Posted

Hey Suraj 👋

I was coding this challenge a while ago so I know exactly what you mean. @Ted Dino is right, line-height property will help you define the spacing between lines in the element containing text. You can read more about it here: https://developer.mozilla.org/ru/docs/Web/CSS/line-height

Another property that is quite useful and somehow related to line-height is letter-spacing. It allows you to define how much gap should be between letters. I believe that header in this project actually has some non-default spacing. Here is the documentation about this property: https://developer.mozilla.org/ru/docs/Web/CSS/letter-spacing

Hope that this will help you with a better understanding of text formatting in CSS. Happy Coding! 👩‍💻

Marked as helpful

1

Suraj Jha 35

@Suraj9505

Posted

@beslerpatryk Thanks for the feedback i know both of these properties but i forgot to use line height. :(

0
Suraj Jha 35

@Suraj9505

Posted

@beslerpatryk Can you help me solve my accessibility report. I don't understand what am i suppose to do :(

0
Ted Dino 170

@ted-dino

Posted

you mean the line height of the paragraph?

Marked as helpful

1

Suraj Jha 35

@Suraj9505

Posted

@ted-dino I think yes maybe it will work thanks mate. ; )

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