Site fini :D

css/UnMeme.css

@@ -0,0 +1,100 @@
+main{
+    display: grid;
+    grid-template-columns: 25%, 50%, 25%;
+    grid-template-rows: 5vh, 80%, 5vh;
+}
+
+.panel{
+    grid-column-start: 2;
+    grid-column-end: 2;
+    grid-row-start: 2;
+    grid-row-end: 2;
+
+    display: flex;
+    width:55vw;
+    height: auto;
+    background: rgba(150, 0, 0, 0.212);
+    padding:15px;
+
+    border-style:solid;
+    border-width:10px;
+    border-color: white;
+    border-radius:50px;
+    
+}
+.memeArticle{
+    float:left;
+    background-color: white;
+    width:70%;
+    height: 100%;
+
+    background: rgba(255, 255, 255, 0.53);
+    border-top-left-radius:40px;
+    border-bottom-left-radius:40px;
+}
+.memeContainer{
+    width: 90%;
+    height: auto;
+    background: rgba(150, 0, 0, 0);
+    border-radius:30px;
+    margin:auto;
+    margin-top: 5%;
+    padding: 15px;
+
+
+}
+
+
+.statsArticle{
+    float:left;
+    background: rgba(150, 0, 0, 0.212);
+    width:30%;
+    border-top-right-radius:40px;
+    border-bottom-right-radius:40px;
+    overflow: scroll;
+}
+
+.memeContainer img{
+    width:100%;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+}
+
+.memeInfo {
+    background: rgba(255, 255, 255, 0.363);
+    border-radius: 3px;
+    border-left: 5px solid rgb(142, 119, 253);
+    margin: 20px ;
+    margin-top:10px;
+    padding: 5px;
+}
+
+.infoStats{
+    border-left: 5px solid rgb(142, 119, 253);
+    display:inline;
+    padding-top: 1%;
+    float:left;
+}
+.infoStats p{
+    line-height: 30%;
+    font-size: 80%;
+}
+.commentaire{
+    border-left:5px solid rgb(105, 88, 189);
+    background: rgba(255, 255, 255, 0.363);
+    float:left;
+    width:100%;
+}
+.commentaire:nth-child(2n){
+    border-left:5px solid rgb(82, 69, 147);
+    background: rgba(25, 0, 255, 0.185);
+}
+.pseudo{
+    font-weight: bold;
+    font-size:60%;
+    line-height: 50%;
+}
+.com-text{
+    font-size: 60%;
+    font-weight: 200;
+}

css/index.css

@@ -25,6 +25,7 @@
   .meme{
     width: 100%;
     left: 0;
+    border-radius:10px;
   }
 
 

css/style.css

@@ -53,7 +53,7 @@ main{
 }
 
 .pubG img{
-  margin-top: 50%;
+  top: 50%;
   width:100%;
   border-color: black;
   border-width: 1px;
@@ -68,7 +68,7 @@ main{
   margin:1%;
 }
 .pubD img{
-  margin-top: 50%;
+  top: 50%;
   width:100%;
   border-color: black;
   border-width: 1px;