dan/windycoys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Centre home page contents on mobile

Browse Source
This commit is contained in:
Dan Head
2019-01-11 16:47:27 +00:00
parent 14de3f46ad
commit 746bedfbd5
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
css/page.css
View File

@@ -23,6 +23,10 @@
justify-content: center; justify-content: center;
} }
.page__content--centered-md {
text-align: center;
}
@media (--viewport-sm) { @media (--viewport-sm) {
.page { .page {
grid-template-columns: 112px 1fr; grid-template-columns: 112px 1fr;
@@ -58,6 +62,10 @@
.page__article.is-first { .page__article.is-first {
grid-row: 2 / span 2; grid-row: 2 / span 2;
} }
.page__content--centered-md {
text-align: left;
}
} }
@media (--viewport-lg) { @media (--viewport-lg) {

2
theme/front-page.php
View File

@@ -3,7 +3,7 @@
<section class="page__logo is-fixed"> <section class="page__logo is-fixed">
<?php get_template_part('partials/logo') ?> <?php get_template_part('partials/logo') ?>
</section> </section>
<section class="page__content"> <section class="page__content page__content--centered-md">
<h2 class="title">Latest articles</h2> <h2 class="title">Latest articles</h2>
<div class="page__columns"> <div class="page__columns">
<?php <?php