redstrate/redstrate.com
1
Fork 0
Code Activity Actions

Reduce page margins on mobile devices

Browse source
This commit is contained in:
Joshua Goins 2022-10-26 08:56:44 -04:00
parent 4b85c933c3
commit d4336fa1ca
1 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
themes/red/assets/css/site.css
View file

@ -3,6 +3,22 @@
aside { aside {
flex: 200px 0 0; flex: 200px 0 0;
} }
header {
margin: 10px;
}
aside {
margin: 10px;
}
article {
margin: 10px;
}
footer {
margin: 10px;
}
} }
/* mobile devices */ /* mobile devices */
@ -33,8 +49,6 @@ body {
header { header {
flex-grow: 1; flex-grow: 1;
flex-basis: 100%; flex-basis: 100%;
margin: 10px;
} }
aside { aside {
@ -45,8 +59,6 @@ aside {
border: 1px solid black; border: 1px solid black;
border-radius: 3px; border-radius: 3px;
padding: 15px; padding: 15px;
margin: 10px;
} }
article { article {
@ -58,8 +70,6 @@ article {
padding: 15px; padding: 15px;
flex: 2 0; flex: 2 0;
margin: 10px;
} }
footer { footer {
@ -67,8 +77,6 @@ footer {
flex-grow: 1; flex-grow: 1;
flex-basis: 100%; flex-basis: 100%;
margin: 10px;
} }
.article-img { .article-img {