Increased legibility by limiting size of text column

Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
Jim Martens 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 {
width: 20rem;
// width: 20rem;
}
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
#election_map svg {

View File

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