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

BlogCard

Ravi 40

@ravijabade12

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

@MaracaraCarlos

Posted

Hello Ravi, congratulation for complete de challenge. There are a couple of things you can do to improve your code:

  • In the links you can place the class cursor: pointer; this will cause every time the mouse cursor passes over your button the hand will appear pointing to the element. You can also add transitions with the :hover pseudo element
  • To make your HTML semantic you can use <section>, <main>, <header> instead of <div>. Semantic HTML5 Elements Explained
  • You can use rem instead of px for the font-size dimensions of this text to adapt better to browsers and devices. Why font-size must NEVER be in pixels

Marked as helpful

0

Ravi 40

@ravijabade12

Posted

Thank you @MaracaraCarlos for your suggestion. I will make sure of these things in my next projects.

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