diff --git a/css/index.css b/css/index.css index 8546b85..4f29521 100755 --- a/css/index.css +++ b/css/index.css @@ -16,37 +16,36 @@ overflow: scroll; } - /*.memeContainer { + .memeContainer { border-color: black; - border-width: 1px; + border-width: 3px; + border-radius: 5px; border-style: solid; - width:25%; - padding-bottom: 25%; - float: left; margin : 5%; - height: 0; + margin-right: 2.5%; + padding: 16px; + background: rgba(255, 255, 255, 0.527); } .meme{ width: 100%; left: 0; - }*/ + } .row { display: flex; flex-wrap: wrap; - padding: 0 4px; + padding: 0 1px; } /* Create deux equal columns that sits next to each other */ .column { flex: 33%; max-width: 33%; - padding: 0 4px; + padding: 0 1px; } .column img { - margin-top: 8px; vertical-align: middle; width: 100%; height: auto; diff --git a/footer.php b/footer.php index c018468..ed413c7 100644 --- a/footer.php +++ b/footer.php @@ -2,16 +2,15 @@