|
|
|
@ -90,6 +90,40 @@ img { height: auto; max-width:100%; }
|
|
|
|
|
#main > div > .posts > article:nth-child(-n + 2) { |
|
|
|
|
border-top-width: 0; |
|
|
|
|
} |
|
|
|
|
@media screen and (max-width: 736px) { |
|
|
|
|
|
|
|
|
|
#main > div > .posts > * { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#main > div > .posts > * { |
|
|
|
|
padding: 2rem; |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#main > div > .posts > article:nth-child(2n - 1) { |
|
|
|
|
border-left-width: 2px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#main > div > .posts > article:nth-child(-n + 2) { |
|
|
|
|
border-top-width: 2px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#main > div > .posts > article:nth-child(n) { |
|
|
|
|
border-left-width: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#main > div > .posts > article:nth-child(-n + 1) { |
|
|
|
|
border-top-width: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#main > div > .posts > article .image { |
|
|
|
|
max-width: 25rem; |
|
|
|
|
margin-left: auto; |
|
|
|
|
margin-right: auto; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.introduction { margin: 0 0 2rem 0; } |
|
|
|
|
|
|
|
|
|