From 3f978bbd5398df193d5434e11c5e63b87cedde41 Mon Sep 17 00:00:00 2001 From: NikolaBorislavovHristov Date: Sat, 3 Aug 2019 22:00:36 +0300 Subject: [PATCH] using grid to display discover items --- src/routes/Discover/styles.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less index ae6e7e73d..33a3b2139 100644 --- a/src/routes/Discover/styles.less +++ b/src/routes/Discover/styles.less @@ -78,13 +78,15 @@ .meta-items-container { grid-area: meta-items-area; + display: grid; + grid-template-columns: repeat(var(--items-per-row), auto); + grid-auto-rows: max-content; + align-items: center; padding: 0 0.6em; overflow-x: hidden; overflow-y: auto; .meta-item-container { - display: inline-block; - width: calc(100% / var(--items-per-row)); padding: 0.6em; .meta-item {