From c67dc5c8126d219607fcfe47ec32a1cef4701aa8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Tue, 29 May 2018 16:19:35 -0500 Subject: [PATCH] Grids are great --- .vuepress/components/FeatureLinks.vue | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/.vuepress/components/FeatureLinks.vue b/.vuepress/components/FeatureLinks.vue index c338ed9..00028ad 100644 --- a/.vuepress/components/FeatureLinks.vue +++ b/.vuepress/components/FeatureLinks.vue @@ -21,6 +21,9 @@ @import "../scss/init/colors"; .feature-links { + display: grid; + grid-gap: 2rem; + grid-template-columns: repeat(auto-fit, minmax(320px,1fr)); list-style-type: none; padding-top: 0.5rem; } @@ -32,7 +35,6 @@ border: 1px solid rgba($black, 0.1); border-radius: 3px; display: inline-block; - margin-bottom: 1rem; position: relative; transition: box-shadow 0.2s; vertical-align: top; @@ -59,10 +61,6 @@ color: $teal; } } - - &:not(:last-of-type) { - margin-right: 1rem; - } } .feature-link__title {