Increased legibility by limiting size of text column
Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
parent
d3f06bc1c5
commit
dc5b4633a4
|
@ -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 {
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue