Blog Preview Card using HTML and CSS

Community feedback

• 

  Sivaprasath•2,520

  @sivaprasath2004Posted 7 months ago

  Hello, I would like to extend my congratulations on completing this challenge.

  • Nice design. I will make sure practise makes man perfect. I you will use pixel perfect extensions it will be use your design was pixel perfect designs.
  • I will recomanded in pixel perfect pro extension it will be used design width and height to match your solution design

  0
• Account deleted

  Great job in completing the challenge! 🎉

  Regarding your question if the design is responsive enough. On the smallest of screens, the card takes up the whole screen width. To avoid this, you could add a margin to the card element.

  I would also use max-height and max-width instead of height and width for the size of the card. Using height and width with a defined pixel size is bad for responsive designs. This is more of a tip for future projects. The text inside the card spills out of the bottom if you make the screen width about 100px - but since no one has that small of a screen, it's not really a problem.

  You can also add a bigger box-shadow on the card when the card is hovered or focused. This small detail is missing in your code. For added aesthetics use the transition attribute to create smooth transitions from one state to another.

  0

  ---

  

  Sivaprasath•2,520

  @sivaprasath2004Posted 7 months ago

  @Yoshikora Nice comment

  0