Blog Preview Card

Community feedback

• 

  Devon Hughes•220

  @DevonHughesCodes

  Posted over 1 year ago

  Hello @YohannesDream

  Your solution looks really good!

  Just a quick piece of feedback from something I noticed. On the active state of the element with the box-shadow there is a very subtle hover effect that's super easy to overlook in the design previews provided for the challenge.

  Here's a snippet from my stylesheet for reference:

  .container { max-width: 400px; margin-inline: auto; background-color: var(--white); padding: 1.5rem; margin-bottom: 2rem; border: 2px solid var(--black); border-radius: 1rem; box-shadow: 10px 10px 0px var(--black); transition: 0.5s; }

  .container:hover { box-shadow: 15px 15px 0px var(--black); }

  Other than that, great work and Keep it up!

  01

  Marked as helpful