Ameya kawade• 30
@Cool-developer-975
Submitted
Any suggestions?
@nuria1110
@Cool-developer-975
Submitted
Any suggestions?
@nuria1110
Posted
Hi! Looks like a great start, just a few suggestions:
body {
font-size: 12px;
}
@media (min-width: 750px) {
body {
font-size: 14px;
}
}
@media (min-width: 1440px) {
body {
font-size: 16px;
}
}
This can also be the other way around, you can write your initial formatting for bigger screens and then as your screen size gets smaller use media queries to change your values.
::root {
--light-lavender-color: hsl(242, 15%, 65%);
}
.container {
background-color: var(--light-lavender-color);
}
border-radius: 30px;
instead of repeating yourself: border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
I hope this helps! I have also completed this challenge so feel free to have a look :)
Marked as helpful