Frontend Mentor - Blog preview card

Community feedback

• 

  MikDra1•6,980

  @MikDra1Posted 3 months ago

  To make the border-radius work on the image just use this code snippet. It will cut the overflow of the container so that you will get rounded corners on the image

  .card-image {
  overflow: hidden;
  }
  

  Hope you found this comment helpful 💗💗💗

  Good job and keep going 😁😊😉

  Marked as helpful

  1

  ---

  

  MELLAL Fethi•70

  @Black-crypto-gifPosted 3 months ago

  thanks @MikDra1

  0
• 

  geomydas•1,440

  @geomydasPosted 3 months ago

  You can use fit-content in the width or max-width so it the learning part will only take up the space it needs. Block level elements by default take up all of the space available in the line such as <h1>, <p> or an element set with display: block. You can also use inline-block as an alternative since you cant use margins on inline elemens

  1

  ---

  

  MELLAL Fethi•70

  @Black-crypto-gifPosted 3 months ago

  @geomydas thanks

  0

  

  geomydas•1,440

  @geomydasPosted 3 months ago

  @Black-crypto-gif I hope you find it helpful!

  Marked as helpful

  0