26982 sujets

CSS et mise en forme, CSS3

Bonjour,

J'aimerais savoir comment faire pour positionnée deux sections dans le code CSS.

Je m'explique, je souhaite faire un montage avec 4 articles (comme sur la photo).

Voici le code HTML que je souhaite utiliser :


<section id="partiegauche">
	<article>
	    Mon premier article
	</article>
	<article>
	   Mon deuxième article
	</article>
</section>
<section id="partiedroite">
	<article>
	    Mon troisième article
	</article>
	<article>
	   Mon quatrième article
	</article>
</section>


Vous remerciant par avance,
Je ne sais pas si ce sujet est toujours d'actualité...
Je ne vois pas la photo non plus... Smiley langue
ça peut peut-être aider pour un petit départ.

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>articles en colonnes... </title>
<style>
.container {
    display: flex;
    justify-content: space-around;
}
#partiegauche {
    background: blue;
    width: 50%
}
#partiedroite {
    background: red;
    width: 50%;
}
</style>
</head>

<body>
<div class="container">
  <section id="partiegauche">
    <article> Mon premier article </article>
    <article> Mon deuxième article </article>
  </section>
  <section id="partiedroite">
    <article> Mon troisième article </article>
    <article> Mon quatrième article </article>
  </section>
</div>
</body>
</html>