Hogyan tudnám összetenni, amit tanultam, hogyan tudnék egy jó keretet adni az oldalnak?

Először csak minden elemet rendezzél el egymás alá, hogy egy nagyon keskeny mobiltelefon jól nézzen ki. Közben húzd össze a böngésződ ablakát, mintha az egy mobil lenne.

Az eddigi css utasításokat tedd be egy ilyen css szabályba:

@media only screen and (max-width: 480px) {

}

Utánna húzd kicsit szélesebbre a böngésződ ablakát, és írjál új css szabályokat, hogy az oldal elemei jól legyenek elrendezve ezen a szélességen. Ezeket az új css szabályokat tedd be be egy ilyen css szabályba:

@media only screen and (max-width: 640px) {

}

És így tovább...