This commit is contained in:
Simon CATANESE 2023-01-06 12:29:10 +01:00
parent 42ce5c2593
commit 143e1fea84
2 changed files with 15 additions and 12 deletions

View File

@ -40,8 +40,8 @@
/* Create deux equal columns that sits next to each other */
.column {
flex: 50%;
max-width: 50%;
flex: 33%;
max-width: 33%;
padding: 0 4px;
}
@ -49,6 +49,7 @@
margin-top: 8px;
vertical-align: middle;
width: 100%;
height: auto;
}
/* Responsive layout - makes a two column-layout instead of four columns */

View File

@ -38,15 +38,6 @@
<div class="memeContainer">
<img src="img/meme/matrix.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/megamindSoda.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/mort.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/shitting.jpg" class=meme height="500vw" width="500vw">
</div>
</div>
<div class="column">
<div class="memeContainer">
@ -61,13 +52,24 @@
<div class="memeContainer">
<img src="img/meme/toiletramel.jpg" class=meme alt="" height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/megamindSoda.jpg" class=meme height="500vw" width="500vw">
</div>
</div>
<div class="column">
<div class="memeContainer">
<img src="img/meme/uno.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/sodabaguette.png" class=meme height="500vw" width="500vw">
</div>
</div>
<div class="memeContainer">
<img src="img/meme/mort.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/shitting.jpg" class=meme height="500vw" width="500vw">
</div>
</div>
</div>
</section>
</div>