1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-09 07:36:30 +02:00

Tweak spacing

This commit is contained in:
Phuoc Nguyen
2021-03-30 23:00:41 +07:00
parent f889f44f7f
commit 19cb113d19

View File

@@ -22,11 +22,10 @@ a {
.container { .container {
margin: 0 auto; margin: 0 auto;
max-width: 64rem; max-width: 64rem;
padding: 0 1rem;
} }
.content { .content {
display: flex; display: flex;
margin: 1rem 0; margin: 4rem 0;
} }
.main { .main {
flex: 1; flex: 1;
@@ -83,11 +82,12 @@ a {
@media (min-width: 768px) { @media (min-width: 768px) {
.sidebar { .sidebar {
flex-basis: 10rem; flex-basis: 10rem;
margin-left: 1rem;
} }
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.sidebar { .sidebar {
flex-basis: 12rem; flex-basis: 12rem;
margin-left: 1rem; margin-left: 2rem;
} }
} }