@Cool-developer-975Submitted over 1 year ago
Any suggestions?
Any suggestions?
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 :)