Ensure containers don't extend beyond the viewport when holding columns

This commit is contained in:
Jake Howard 2022-06-26 17:18:40 +01:00
parent acfc7852b3
commit 7676cf7166
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 8 additions and 2 deletions

View file

@ -22,3 +22,9 @@ section.content {
}
}
}
.container {
@include until($container-max-width) {
max-width: calc(99% - ($column-gap * 2));
}
}

View file

@ -4,10 +4,10 @@
{% include "common/hero.html" %}
<div class="container">
<section class="container">
{% for page in child_pages %}
{% include "common/listing-item.html" %}
{% endfor %}
</div>
</section>
{% endblock content %}