jdormit/jeremy-wordpress-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Use CSS grid for layout

Browse Source
This commit is contained in:
Jeremy Dormitzer 2018-07-26 23:05:44 -04:00
parent d9f4d3d3d3
commit 77d4f682a1
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
style.css
View File

@ -840,9 +840,21 @@ a:hover, a:active {
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 1rem;
grid-auto-rows: auto;
}
.content-area {
max-width: 740px;
margin: auto;
grid-column: 3 / 8;
max-width: 100%;
}
.widget-area {
grid-column: 9 / 11;
max-width: 100%;
}
/*--------------------------------------------------------------
## Posts and pages