53 lines
769 B
SCSS
53 lines
769 B
SCSS
.link-grid {
|
|
align-content: center;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
list-style-type: none;
|
|
margin-top: 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.link-grid__link {
|
|
position: relative;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
flex-grow: 1;
|
|
|
|
@media (min-width: 651px) {
|
|
width: 50%;
|
|
}
|
|
|
|
@media (max-width: 650px) {
|
|
width: 100%;
|
|
|
|
&:first-of-type {
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
&:last-of-type {
|
|
padding-top: 1rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.link-grid__title {
|
|
font-size: 2rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.link-grid__description {
|
|
font-size: 1rem;
|
|
left: 10%;
|
|
margin-bottom: 1rem;
|
|
position: relative;
|
|
width: 80%;
|
|
}
|
|
|
|
.link-grid__cta {
|
|
@extend .__button-black;
|
|
display: inline-block;
|
|
font-size: 1rem;
|
|
position: relative;
|
|
}
|