Increased legibility by limiting size of text column

Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
2019-06-08 15:43:10 +02:00
parent d3f06bc1c5
commit dc5b4633a4
2 changed files with 12 additions and 3 deletions

View File

@ -88,7 +88,7 @@ $navbarHeight: 58px;
} }
.card.sidebar { .card.sidebar {
width: 20rem; // width: 20rem;
} }
blockquote { blockquote {
@ -109,6 +109,15 @@ blockquote {
} }
} }
// limit width of article to optimise reading experience
@include media-breakpoint-up(md) {
article {
width: 550px;
margin-left: auto;
margin-right: auto;
}
}
// map of election district feature // map of election district feature
#election_map svg { #election_map svg {

View File

@ -25,10 +25,10 @@
{% endif %} {% endif %}
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<main class="col-md-9"> <main class="col-lg-8">
{{ content }} {{ content }}
</main> </main>
<div class="col-md-3"> <div class="col-lg-4">
{% include sidebar.html %} {% include sidebar.html %}
</div> </div>
</div> </div>