@Aishi-Jain
Posted
Hello! I love the way you used the transitions to make the card look more lively! It definitely enhances the look of the preview card :) Although I would suggest your CSS code could be a lot more cleaner if you eliminated all the unnecessary line gaps in between sections. For eg, You could write it like this: .card-container { background-color: hsl(0, 0%, 100%); border: 2px solid hsl(0, 0%, 7%); border-radius: 12px; display: flex; flex-direction: column; width: 300px; padding: 20px; transition: box-shadow 0.12s, translate 0.12s; } The reason for this is it would be easier for anyone to read your code. The unnecessary gaps makes it look unclean. Also make sure you leave a line after every section, like this:
p, h1 {
font-family: "Figtree", sans-serif;
margin: 0;
}
a {
text-decoration: none;
color: black;
}
It separates every section and it will easier for you as well when you have to recheck the code.
Once again, great job!!
Marked as helpful