como hacer un sitio web responsive

1. al tener el html y el css listo le agregas este media queries para agregar a cada elemento el valor que se le va asignar al momento de la pantalla estar a un ancho de 475px

@media(max-width:475px) {

.menu {
    padding:  30px;
}
.menu label {
    display: initial;
}
.back {
    padding: 47px 0;
}

.menu .navbar {
    position: absolute;
    top: 100%;
    left: 0%;
    right: 0%;
    background-color: #2A394F;
    display: none;

}

.menu .navbar ul li {
    width: 100%;
}

#menu:checked ~ .navbar {
    
    display: initial;
    
}