@AngwenyiOgata
Posted
Hello @CreativeSam99
Congratulations on finishing the challenge.
To make responsive designs for different screens sizes you will need to use Media Query Breakpoints
such as
body{
background-color: blue;
}
@media screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
this will make the background of all screen sizes below 600px to light blue
Or if you could wish to use mobile-fast CSS you use
body {
background-color: orange;
}
@media screen and (min-width: 600px) {
body {
background-color: red;
}
}
This will change the background color to red if the device screen size is more than 600px.
Hope this will be helpful to you.