Vas a tener que averiguar acerca de los media-queries y postear tus dudas que se te vayan presentando en el camino, este es un ejemplo que puedes agregar a tu hoja-de-estilos.css :
Cita: @media only screen and (min-width: 481px) and (max-width: 770px){
body{background-color: red;}
}
}
Luego de agregar este código abres tu html en el navegador y reduces la pantalla, cuando llegues a los 770px verás que el fondo de tu body se vuelve rojo, si continuas reduciendo la pantalla hasta menos de 481px el background volverá a su color que seteaste primero. Los media-queries en general sirven para que dependiendo de la resolución de pantalla se apliquen ciertos estilos, navegando la web encuentras mejores explicaciones :)