Centre home page contents on mobile
This commit is contained in:
@@ -23,6 +23,10 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.page__content--centered-md {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (--viewport-sm) {
|
||||
.page {
|
||||
grid-template-columns: 112px 1fr;
|
||||
@@ -58,6 +62,10 @@
|
||||
.page__article.is-first {
|
||||
grid-row: 2 / span 2;
|
||||
}
|
||||
|
||||
.page__content--centered-md {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media (--viewport-lg) {
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<section class="page__logo is-fixed">
|
||||
<?php get_template_part('partials/logo') ?>
|
||||
</section>
|
||||
<section class="page__content">
|
||||
<section class="page__content page__content--centered-md">
|
||||
<h2 class="title">Latest articles</h2>
|
||||
<div class="page__columns">
|
||||
<?php
|
||||
|
||||
Reference in New Issue
Block a user