HTML/CSS Mosaik Bildergalerie

Question

Ich versuche, ein paar "Blöcke" in HTML und CSS zu machen, und ich versuche, etwas wie das Bild, das ich aufgenommen habe, zu machen. Versucht, nach einer Vorlage zu suchen, aber ich kann nichts dergleichen finden, kann mir einer von euch helfen? (keine Notwendigkeit für die Links, die Sie auf dem Bild zu sehen)

Ich bin nur ein wenig von einem Anfänger in alldem verzeihen so Mißverständnissen

ich dies versuchte, aber ich kann das nicht bekommen entweder, wahrscheinlich zu arbeiten, weil ich Bilder statt sonst ..

etwas bin mit

<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> 

Beispiel von dem, was ich im Sinne habe

Answer 1

Nur um Ihnen zu helfen, Breite zu beginnen. Sie können eine Gitter/Tisch-ähnliche Struktur in einer Anzahl von Möglichkeiten, einige von ihnen sind UL LI (einfachste), Flex-Box & etc ,.

hier ist UL LI Struktur

<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 Stil bei JS Geige: https://jsfiddle.net/itsselvam/sgmtu6cr/

Ich hoffe, das hilft Ihnen, zu starten!