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" %} {% include "common/hero.html" %}
<div class="container"> <section class="container">
{% for page in child_pages %} {% for page in child_pages %}
{% include "common/listing-item.html" %} {% include "common/listing-item.html" %}
{% endfor %} {% endfor %}
</div> </section>
{% endblock content %} {% endblock content %}