Commit 6aa95a9e authored by Hueser, Christian (FWCC) - 138593's avatar Hueser, Christian (FWCC) - 138593 Committed by Huste, Tobias (FWCC) - 111645

Layout 5 service buttons on each device

* Desktop: rows of three, aligned to the right.
* Tablet: rows of three, centered.
* Phone: rows of two, centered.
parent c858b378
......@@ -12,24 +12,25 @@
.services-title-buttons {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-columns: repeat(3, 1fr);
.service-button {
grid-column: span 2;
grid-column: span 1;
}
.service-button:nth-last-child(1):nth-child(odd) {
grid-column: 2 / span 2;
.service-button:nth-last-child(2):nth-child(even) {
grid-column: 2 / span 1;
}
@include medium-is-tablet {
grid-template-columns: repeat(8, 1fr);
grid-template-columns: repeat(6, 1fr);
.service-button {
grid-column: span 2;
}
.service-button:nth-last-child(1):nth-child(odd) {
grid-column: 4 / span 2;
.service-button:nth-last-child(2):nth-child(even) {
grid-column: 2 / span 2;
}
}
......@@ -39,6 +40,11 @@
.service-button {
grid-column: span 2;
}
.service-button:nth-last-child(2):nth-child(even) {
grid-column: 3 / span 2;
}
.service-button:nth-last-child(1):nth-child(odd) {
grid-column: 2 / span 2;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment