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

Bog Preview Card Main

Eríck 130

@Erick-SL

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


What are you most proud of, and what would you do differently next time?

.

What challenges did you encounter, and how did you overcome them?

.

What specific areas of your project would you like help with?

.

Community feedback

@DanCodeCraft

Posted

Nice one, @Erick-SL!

I'm missing only the hovering state for the card (the shadow should go more off the grids when in hover status). I would like to suggest you use a transition effect for it, creating a smoother experience when hovering over most elements - in the case of your solution when passing your mouse on the title. An example that would work is as simple as:

.element {
transition: all 0.2s;
}

Hope it helps.

All the best!

0

@DanCodeCraft

Posted

Nice one, @Erick-SL!

I'm missing only the hovering state for the card (the shadow should go more off the grids when in hover status). I would like to suggest you use a transition effect for it, creating a smoother experience when hovering over most elements - in the case of your solution when passing your mouse on the title. An example that would work is as simple as:

transition: all 0.2s;
}

Hope it helps.

All the best!

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