Blog Preview Card Challenge - Solution by M.E.

Community feedback

• 

  Mike Stop Continues•100

  @mikestopcontinuesPosted 11 months ago

  Nice work! Here's some suggestions:

  1. Use fewer width and min-width rules and more max-width rules. They resize better, making your component "naturally" responsive.

  2. Pay closer attention to the design spec. Designers are very picky. font-weight, font-size, line-height, border-radius, and padding can all be tweaked.

  3. Lastly, take a closer look at the active state spec. What else changes when a user clicks the link? (Hint: It's really big, but it's not on the link itself.)

  You're destine for great things. Keep going!

  Marked as helpful

  0

  ---

  

  Melinda Eve•30

  @hejira42Posted 11 months ago

  @mikestopcontinues

  Thanks for your feedback, much appreciated:)

  1
• 

  0300hrs•340

  @0300hrsPosted 11 months ago

  For the spacing, I suggest you put the contents of the card in a container and give that container a width. i.e card-content{width: 95%;} that way all the content within the card-content do not overflow and change the padding you originally set. For the author's Avatar, use the aspect-ratio: 1/1 on it so that it stays a perfect circle Nice work

  0