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 card with HTML, CSS

@TheSilentM

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@John-Davidson-8

Posted

Hi TheSilentM

Fellow newbie here,

congratulations on completing the challenge, it looks amazing.

I completed this challenge a number of months ago, and I have had a bit of a break and now back to coding. A couple of things I did notice that folks on the Frontend Mentor Discord group advised me to implement was never to use pixels (px) for font size. It is advised to use rem's instead. I will link a useful article by Grace Snow who is one of the moderators in the Discord group on why to use only rem's for font-size

https://fedmentor.dev/posts/font-size-px/

I tend to use rem's for all my padding, margins, font-sizes, etc. I use a px to rem converter, I will link below to it.

https://nekocalc.com/px-to-rem-converter

I hope this is helpful, and hope to see you continuing on your frontend journey.

John

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