Problème au redimensionnement, les éléments bougent

Bonjour et merci d'avance de votre aide.

Tout d'abord, veuillez m'excuser si le sujet à déjà été traité, j'ai recherché mais n'ai rien trouvé.

Alors voilà mon problème, je suis en train d'apprendre quelques langages informatique, dont le HTML (que je pense maîtriser suffisamment) et le CSS (là c'est un peu plus compliqué, mais je m'en sort un peu quand même). Pour apprendre, je me suis lancé sur plusieurs projets (je suis un peu dispersé, certes), les sites sont assez sympas, jolis. Je me suis pris la tête à faire sur l'un un menu en flat-design et l'autre avec un méga-menu fait maison (et j'ai essayé de le coder proprement). Tout est nickel jusqu'à ce que je me mette à réduire la fenêtre. Et là c'est la catastrophe, tout les éléments bougent, se montent dessus, ça devient illisible et j'aimerai vraiment remédier à cela.

Alors si quelqu'un pourrait m'aider à trouver une solution ça serait génial. Quelle propriété dois-je rajouter, qu'ai-je oublié? Parce que ça me gène d'au temps (oui ça s'écrit comme ça et pas "autant", c'est l'académie française qui le dit, allez voir cette épisode de Code Mu) plus que si je veux commencer du responsive il faut au moins que je sache ça.

En tout cas merci d'avance pour vos réponses et désolé si c'est trop long (dites-le moi que je ne vous fasse plus suer).