dossantoad/InsulineSodarameme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

YAYAYA

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/index.css
View File

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

22
index.php
View File

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