Grids are great

This commit is contained in:
ポール ウェッブ 2018-05-29 16:19:35 -05:00
parent 26ae22b4ad
commit c67dc5c812

View file

@ -21,6 +21,9 @@
@import "../scss/init/colors"; @import "../scss/init/colors";
.feature-links { .feature-links {
display: grid;
grid-gap: 2rem;
grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
list-style-type: none; list-style-type: none;
padding-top: 0.5rem; padding-top: 0.5rem;
} }
@ -32,7 +35,6 @@
border: 1px solid rgba($black, 0.1); border: 1px solid rgba($black, 0.1);
border-radius: 3px; border-radius: 3px;
display: inline-block; display: inline-block;
margin-bottom: 1rem;
position: relative; position: relative;
transition: box-shadow 0.2s; transition: box-shadow 0.2s;
vertical-align: top; vertical-align: top;
@ -59,10 +61,6 @@
color: $teal; color: $teal;
} }
} }
&:not(:last-of-type) {
margin-right: 1rem;
}
} }
.feature-link__title { .feature-link__title {