Simple blog preview card

Community feedback

• 

  Natali 👻 Grimm•1,150

  @Grimm-NPosted 2 months ago

  Hi! Your website blog card looks fantastic! I have a few friendly suggestions if you’re open to them.

  HTML: You might want to try using Modern CSS Reset [https://piccalil.li/blog/a-more-modern-css-reset/] — it could help streamline your styling.

  Also, simplifying the code by reducing the number of <div> containers could be beneficial.

  I noticed that the spacing is consistent at 16 pixels (1rem) everywhere. You could simplify this with .card > * + * { margin-top: 1rem; }.

  Another idea is to add a hover effect for the headings to change their color when hovered — it’s a quick tweak that can really enhance the look!

  And by the way, I noticed the mobile version looks the same as the web version right now. It would be awesome if it could adapt to different screen sizes.

  Thanks for considering these suggestions! Good luck!

  Marked as helpful

  0