Four card feature section (flexbox)

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello @Twistus, congratulations for your new solution!

  Your solution is great and I think you did an amazing work creating the card grid with flexbox. I've some tips to improve your challenge:

  In the mobile version you can replace the max-width: 24rem; with max-width: 100%; to make the cards grow all the column an fit the screen without having a big gap in the lateral sides:

  .feature {
      max-width: 100%;
  }
  

  To improve the shadow decrease the opacity in order to create a soft and smooth shadow:

  .feature {
      box-shadow: 0 0.5rem 0.5rem hsl(229deg 6% 66% / 24%);
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0