@eddybpro
Posted
Hi, Blackysynch
Congratulation on finishing this challenge, I hope it was fun.
Here are some suggestions that might improve the code:
- CSS code:
@media only screen and (min-width: 376px)
.card {
background-color: white;
/* remove this line: height: 80%; */
/* remove this line: min-width: 30%; */
/*update this*/
max-width: 25rem;
}
.plan{
/*remove this line: justify-content: space-between;*/
/*add this line*/
background-color:/*your color*/
}
Tip
Remember to start using relative values rem em
instead of absolute values px
.
That's it HAPPY CODING
Marked as helpful
@Blackysynch
Posted
Thanks @eddybpro
this was very helpful.
Do you have recommendations for resources on css units?
@eddybpro
Posted
Hello, @Blackysynch
I'm happy that you find my suggestions useful.
For the CSS units here are some resources:
GOOD LUCK IN YOUR JOURNEY