Responsive blog preview card

Community feedback

• 

  P

  AlvaroPrates•130

  @AlvaroPratesPosted 3 months ago

  Good work, keep on practicing!

  Let's go over some point that I observed from the screenshot:

  • I think the card component would look better if centralized in the page. You could achieve that by wrapping the card in a <main> or <section> tags and set display: flex; and add align-items: center; and justify-content: center;.
  • Need to ajust the card width property. In the figma files the card's width is 384px. To make this adjustment easier, you can set box-sizing: border-box in a universal CSS selector.
  • In the design there is a little thin black border around the card. You can add all the properties in the border property.
  • Need to adjust the spacing between elements in the card information. I think the easiest way to achieve different spacing is with the margin-bottom property.
  • Probably should add a little more padding to the card, but I'm just being picky...

  Marked as helpful

  0

  ---

  

  hart-wiz•80

  @Hart-wizPosted 3 months ago

  @AlvaroPrates thanks alot sir, this was very helpful....implemented the border-sizing: border-box and width. came out so well, wow ....much appreciated, still implementing other changes.

  0