3-column preview card component solution

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted about 2 years ago

  Hi, Faruk Ahmad! 👋

  Congratulations on completing this challenge! 🎉

  The card is not having the same amount of height on my desktop and I have made some changes to make all the cards have the same amount of height.

  .container {
      display: flex;
      /* align-items: center; */
      justify-content: center;
  }
  
  .card {
      width: 40%;
      /* height: max-content; */
      padding: 20px;
  }
  

  For your information, it is possible to make this website responsive without media queries. You can try using CSS clamp() function to set the flex-basis to all card elements. I recommend taking a look at my solution for your inspiration.

  As a side note, I would recommend removing the #react and #bootstrap tags since the website is not built with any of those technologies. 🙂

  0