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

Blog preview card - HTML & CSS

@AlyferJT

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


Hi there, after a long time i did another project... Well, that's a new one on Frontend Mentor, so i wanted to try. Any suggestions would be awesome. :D

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @AlyferJT!

Your project looks excelent!

Just a couple of suggestions for improvement:

  • Add a hover effect on the h1 title. Something like this should do it:
.box_info--title:hover {
  color: yellow;
  cursor: pointer;
}
  • Also, wrap the main content with main.container instead of div.container. This won't change anything visually, but it makes your HTML code more semantic. It improves SEO optimization as well as the accessibility of your project.

I hope it helps!

Other than those little details, you did a great job!

Marked as helpful

1

@AlyferJT

Posted

@danielmrz-dev Hi there, sorry for the late answer. I'll try that, thanks for the great feedback, that will help me a lot.

1
Daniel 🛸 44,230

@danielmrz-dev

Posted

@AlyferJT

No problem! I glad I could help!

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