Bonjour, 

Je suis le cours sur le CSS et HTML je suis a la semaine 4 mais je bloque pour le responsive design. 

Mon problème est de remettre les sections a la suite comme sur la photo : 

https://www.hostingpics.net/viewer.php?id=776104exosemaine4OC.jpg

Je voudrais passer de la photo de gauche a celle de droite (J'ai déjà enlevé la sidebar)

PS : Dites moi si l'image fonctionne j'ai un doute

Merci 

Psyy

-
Edité par LucasBlandin 24 août 2017 à 10:49:11

Bonjour,

Tu dois utiliser la propriété display: flex; sur la div qui englobe tes 3 sections.

Exemple:

HTML:

<div id="divall">
	<div id="div1">
		<ul>
			<li>1</li>
			<li>2</li>
		</ul>
	</div>

	<div id="div2">
		<ul>
			<li>3</li>
			<li>4</li>
		</ul>
	</div>

	<div id="div3">
		<ul>
			<li>4</li>
			<li>5</li>
		</ul>
	</div>
</div>

CSS:

#divall{
	display: flex;
}

@eclairia : J'ai déjà utilisé un display : flex; mais je voudrais justement que ça soit a la suite mais verticalement et pas horizontalement pour les mobiles (Exercices semaine 4 du cours "Apprendre le CSS et HTML). 

Je sais pas si c'est clair

Je vais essayer je te redis

EDIT : Ça marche merci beaucoup

-
Edité par LucasBlandin 24 août 2017 à 12:28:45