3 Column Preview Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾 Hello Carl, congratulations for your solution!

  I've inspected your live site with devtools and I've some considerations for you:

  1.The card padding is a little bit too much, you can use the same padding around all directions, like padding: 2.8rem;.

  2.Is better you set the media query a little bit before, when the screen starts to scale, around 600px the component start to crop, you can avoid this behavior just setting the media query to change the flex-direction to column.

  3.The paragraph font-size is a little bit too big in mobile version, note that for this challenge, the font-size is the same for both versions.

  .card {
      padding: 2.8rem;
      /* padding: 3.5rem 2rem; */
      color: var(--transparent-white);
  }
  

  Hope it helps, happy coding!

  Marked as helpful

  0