P
Tushar Kaundal• 40
@TusharKaundal
Submitted
What are you most proud of, and what would you do differently next time?
- Best part was that i learned about how to put transition for box-shadow using hover property
.card {
max-width: 24rem;
background-color: var(--white);
padding: 24px;
border-radius: 20px;
border: 1px solid var(--gray-950);
box-shadow: 8px 8px #000000;
transition: box-shadow 0.4s ease-in-out;
}
.card:hover {
box-shadow: 16px 16px #000000;
cursor: pointer;
}
.card:hover .text-preset-1 {
color: var(--yellow);
}
What challenges did you encounter, and how did you overcome them?
- To get card responsive with respect to smaller screen
What specific areas of your project would you like help with?
- How better we can design above Blog Preview Card webpage
