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