blog-preview-card-main

Community feedback

• 

  MikDra1•6,980

  @MikDra1Posted about 2 months ago

  If you're looking to make your card responsive effortlessly, consider this approach:

  .card {
      width: 90%;
      max-width: 37.5rem;
  }
  

  The card will take up 90% of its container on smaller devices (like the body), but when it hits 37.5rem (600px), it will cap at that size.

  To center the card within its parent, try this code:

  .container {
      display: grid;
      place-items: center;
  }
  

  I hope this guidance is helpful! 💗💗💗

  Well done, and keep pushing forward! 😁😊😉

  0