diff --git a/sass/main.scss b/sass/main.scss index 396e451..3c04163 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -142,10 +142,11 @@ main { .blocks { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: repeat(auto-fit, minmax(12em, 1fr)); grid-column-gap: 1rem; grid-row-gap: 2rem; align-items: stretch; + justify-items: center; a { font-weight: normal } a:hover { text-decoration: none } @@ -153,6 +154,7 @@ main { article { display: flex; flex-direction: column; + max-width: 50em; height: 100%; padding: 1em; border-top: 5px solid #5E81AC;