3-column preview card component challenge usign HTML and CSS

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted almost 3 years ago

  👾Hello again Alana, congratulations for your new solution!

  Your solution is amazing, there's only one thing you could change that setting the media query a little bit later to have your component contracting a bit the horizontally version or give the mobile version max-width: 100% instead of max-width: 375px and make it grow laterally and fill the screen. I did some modifications to your code and added a margin-inline: 24px to make a little gap betwen the container and the screen edge.

  Here's the code fixes:

  .card {
      max-width: 100%;
      margin-inline: 24px;
  }
  

  👋 I hope this helps you and happy coding!

  00