3-column preview card componen

Community feedback

• 

  Vikash Maurya•310

  @VikashMaurya10Posted over 1 year ago

  Hey 👋, you did a good job🎊. But there is a problem in mobile view, To solve :

  • Increase width of all card according to design.
  • Add correct border properties:

  .Luxury {
      border-bottom-left-radius: 11px;
      border-bottom-right-radius: 11px;
  }
  

  • I'm noticed hover on button of each card increased height of that card to solve it set border and its color is adjacent of card background. On button hover change background: transparent; :

      background-color: $Very-light-gray;
      padding: 1.1875rem 2rem;
      margin-top: 1.875rem; // 30px;
      border: 2px solid $Very-light-gray;
      outline: none;
      font-weight: 400;
      border-radius: 30px;
      cursor: pointer;
      font-size: 0.8rem;
      transition: background 0.1s ease-in;
  
      &:hover {
          background: transparent;
          color: $Very-light-gray !important;
      }
  }
  

  • To understand better go to my solution maybe you can find it useful click here 🌐.

  0