Bonjour, je suis vraiment débutant en CSSet j'ai du mal à bien saisir l'aspect positionnement des éléments. J'ai un exercice à faire et je pense que si j'arrive à comprendre cet exercice je ferais un pas significatif en avant.

L'exo consiste en un CV composé :

1) d'un <header> pour le titre,
2) d'un <div> contenant :
<img> (la photo) et les données personnelles (<h1> (le nom) et des <p> pour l'adresse, téléphone etc ..)
3) un <div> pour la formation et l’expérience professionnelle
4) un <div> pour les divers.

L'exo demande que la photo, les données personnelles et les divers doivent être à droite l'un au dessous de l'autre pour des écran de taille "normale". Et lorsqu'on réduit la taille de l'écran (en utilisant les media query) la photo reste au niveau du titre du CV mais les données personnelles viennent glisser au dessous du titre et les divers viennent glisser tout en bas c'est-à-dire après l'expérience professionnelle.

J'ai fait des choses (sans conviction) mais je n'ai pas vraiment réussi à bien placer les différents éléments.

Je n'arrive pas à dissocier la photo du reste des informations personnelles (tél, adresse etc..) alors qu'ils sont tous dans la même div ? et même si je les mets dans des div differentes j'arrive pas à faire glisser les données perso. sous le titre tout en laissant la photo conserver sa posotion par rapport au titre.

Et d'une manière générale j'aimerais savoir s'il y a des règles qui gerent le comportent des enfants par rapport à celui des parents et vice versa et qui mettre en absolue et qui en relatif pour qu'ils aient telle ou telle position ? et si on change pour l'un que doit on changer pour l'autre ? etc .....

Si je dois poster mon fichier html et css pas de soucis

Merci d'avance pour votre aide