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

Responsive Blog Preview Page

Uche Ofatuā€¢ 260

@Macnelson9

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

It was a pretty easy challenge.

What challenges did you encounter, and how did you overcome them?

I didn't encounter any challenge.

Community feedback

SaruMakesā€¢ 160

@SaruMakes

Posted

I like your take on the project! I think your code structure is cleaner than mine. Well done!

A small comment, and it might be something you're already aware of, but instead of writing line-height: 1rem; for example, you can simply write line-height: 1; instead. Without the rem unit, the value becomes proportional to the text. So a line height of 1.2 is 1.2 times the size of whatever the font-size is. I find it to be a bit more intuitive and easy to reuse, compared to directly declaring units in rem or px.

Of course, feel free to disregard this. It is merely an observation :-)

Marked as helpful

0

Uche Ofatuā€¢ 260

@Macnelson9

Posted

@SaruMakes Oh wow, I didn't know that. Thank you for this tip. I'll be sure to implement this in my future projects. Thanks.

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