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 Desktop view

EExoduss 110

@EExoduss

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


Hello guys, After some exercises, i decided to move to something easier to learn better the fundamentals of css.

This is my shot to this one.

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @EExoduss!

Your project looks excelent!

I have just two minor suggestions for improvement:

  • Wrap the main content with main.card instead of div.card. This does not change anything visually, but it makes your HTML code more semantic and improves SEO optimization as well as the accessibility of your project.

  • You can add a hover effect with a color shift to yellow and cursor: pointer to indicate that's a clickable element.

I hope it helps!

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

1

@replayzor

Posted

Hey you forgot the hover effect to the h1 and for the box-shadow. Overall you did a grate job

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