HTML/CSS Mosaic galerie d'images

Question

J'essaie de faire quelques "blocs" en HTML et CSS, et je suis en train de faire quelque chose comme l'image que j'ai inclus. J'ai essayé de trouver un gabarit, mais je ne trouve rien de tel. Est-ce que l'un d'entre vous peut m'aider? (pas besoin pour les liens que vous voyez sur l'image)

Je suis seulement un peu d'un débutant dans tout cela, Pardonne donc tout malentendu

je me ai essayé, mais je ne peux pas obtenir ce travailler non plus, probablement parce que j'utilise des images au lieu de quelque chose d'autre ..

<div class="jumbotron"> 
<center> 
     <!-- FIRST ROW --> 
     <div class="row"> 
      <img src="http://www.cardcarryinglesbian.com/wp-content/uploads/2009/02/AD-SPACE2001.jpg" width="200" height="200" border="0"> 
      <img src="" width="200" height="200" border="0" class="img-circle"> 
      <img src="http://www.cardcarryinglesbian.com/wp-content/uploads/2009/02/AD-SPACE2001.jpg" width="200" height="200" border="0"> 
      <img src="" width="200" height="200" border="0" class="img-circle"> 
      </div> 
      <p></p> 
     <!-- SECOND ROW --> 
      <div class="row"> 
      <img src="" width="200" height="200" border="0" class="img-circle"> 
      <img src="http://www.cardcarryinglesbian.com/wp-content/uploads/2009/02/AD-SPACE2001.jpg" width="200" height="200" border="0"> 
      <img src="" width="200" height="200" border="0" class="img-circle"> 
      <img src="http://www.cardcarryinglesbian.com/wp-content/uploads/2009/02/AD-SPACE2001.jpg" width="200" height="200" border="0"> 
      <p></p> 
      </div> 
</center> 

Exemple de ce que je pense à

Answer 1

Juste pour vous aider à commencer la largeur. Vous pouvez créer une structure de type grille/table de plusieurs façons, dont certaines sont UL LI (plus simple), la boîte de flexibles & etc.

ici est de style UL structure de LI

<div id="container"> 
    <ul> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> 
    <li>6</li> 
    <li>7</li> 
    <li>8</li> 
</ul> 
</div> 

SCSS au violon JS: https://jsfiddle.net/itsselvam/sgmtu6cr/

J'espère que cela vous aide à commencer!