Insérer des sections avec une flexbox en utilisant une div-enfant (div:nth-child) sur CSS



* {
margin:0;
padding:0;
}

html {
background:green;
}


body {
width:1600px; 
margin:auto;
}


section {
  display:flex;
  justify-content: center;

}


.s01 {
background-image:  url(http://ab-formation.fr/laboratoire/img_online/002_marion/img_01.jpg);
width: 1600px;
height: 80px;
margin:auto;
}

.s02 div:nth-child(1) {
background-image:url(http://ab-formation.fr/laboratoire/img_online/002_marion/img_02.jpg);
width: 800px;
height: 610px;
}

.s02 div:nth-child(2) {
background-image:url(http://ab-formation.fr/laboratoire/img_online/002_marion/img_03.jpg);
width: 800px;
height: 610px;
}

<!DOCTYPE html>

<html lang="la">

	<head>
	
				<meta charset="utf-8">
		
				<title>Le monde d'Hira</title>
		
				<meta name="viewport" content="width=device-width,initial-scale=1">
				
				<meta name="description" content="ici la description qui apparait sur les moteurs de recherche"/>
				
				<link rel="stylesheet" type="text/css" href="style.css">
				
		</head>

<body>

<section class="s01"></section>
<section class="s02">

<div></div>
<div></div>
  
</section>


</header>
  
  
</body>
</html>

Laisser un commentaire Annuler la réponse