From 7da2a6a449384e46122eef4d9f34061466bf8f2f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nikola=20Forr=C3=B3?= Date: Sat, 8 Sep 2018 19:57:39 +0200 Subject: [PATCH] Use grid layout instead of flex --- llinstagram.css | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/llinstagram.css b/llinstagram.css index 969fbd2..aeba3df 100644 --- a/llinstagram.css +++ b/llinstagram.css @@ -1,18 +1,15 @@ .instagram { margin: 0; - display: flex; - justify-content: space-between; - flex-direction: row; - flex-wrap: wrap; - flex-flow: row wrap; - align-content: flex-end; + display: grid; + grid-template-columns: repeat(5, 1fr); + grid-auto-rows: 1fr; + grid-column-gap: 0.1rem; + grid-row-gap: 0.1rem; } .instagram li { - display: inline; - width: 180px; - height: 180px; - margin-top: 0.8rem; + margin: 0; + display: inline-block; } .instagram li a {