Blog preview card using basic css

Community feedback

• 

  Sayf3r•80

  @Sayf3rPosted 7 months ago

  Hi Leonardo,

  You forgot the hover effect on desktop version when you go over the title.

  On full screen you desktop version looks great but when your page only take the half of the screen your card is to tight because of the wh unit on the card. Same thing for the yellow background on the element with card__post--tag class.

  To keep the responsive and give min width to your card you can use clamp() property. I tested with width: clamp(320px, 40%, 40%); on .card .

  Overall you did a very good job :)

  Marked as helpful

  1

  ---

  

  Leonardo Henrique•130

  @henrikkudesuPosted 7 months ago

  @Sayf3r Thank you for your feedback! Sometimes I feel lost when I'm giving sizes to properties. I need to learn better how to choose class sizes, vh, percentage, etc.

  0