Skip to content
Submitted 11 months ago

Blog Preview Card Desktop view

EExoduss•110
@EExoduss
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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,310
    @danielmrz-devPosted 11 months ago

    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
  • Ionut Oltean•440
    @replayzorPosted 11 months ago

    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

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