Use shorthand to spread grid column

2022-08-03 10:47:22 +02:00
parent 821e8752e6
commit 297f2ac300
9 changed files with 25 additions and 26 deletions
--- a/src/style/molecules/_house.scss
+++ b/src/style/molecules/_house.scss
@@ -4,7 +4,7 @@
    // Information
    &__info {
        --delay: 0.2s;
-        grid-column: 1 / span var(--columns);
+        grid-column: 1 / -1;
        margin-bottom: 32px;
        padding: 0 20px;
        overflow: hidden;
@@ -68,12 +68,12 @@
    // Photo
    &__photo {
        position: relative;
-        grid-column: span var(--columns);
+        grid-column: 1 / -1;
        opacity: 0;
        transition: opacity 2s var(--ease-quart);

        & > a {
-            grid-column: span var(--columns);
+            grid-column: 1 / -1;
            width: 100%;
            height: 100%;
            text-decoration: none;