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