Vikash Maurya• 310
@VikashMaurya10
Posted
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