autonomic-cooperative/cotech-website
3
0
Fork 2
mirror of https://git.coop/cotech/website.git synced 2025-12-17 17:37:33 +00:00
Code Issues Releases Wiki Activity

Simplify co-op page markup

Browse Source 
Now we no longer have two columns of content.
This commit is contained in:
Chris Lowis
2025-12-10 14:54:35 +00:00
parent 698828a782
commit c00d8889a2
2 changed files with 3 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
_layouts/coop.html
View File

@ -13,16 +13,9 @@
<a class="slice_subtitle" href="{{ page.website }}" target="_blank">{{ page.website }}</a> <a class="slice_subtitle" href="{{ page.website }}" target="_blank">{{ page.website }}</a>
</section> </section>
<div class="two-column"> <section class="slice">
<div class="two-column_left"> <p>{{ content }}</p>
</div> </section>
<div class="two-column_right">
<section>
<p>{{ content }}</p>
</section>
</div>
</div>
{% include footer.html %} {% include footer.html %}
</body> </body>

33
assets/css/app.css
View File

@ -410,36 +410,3 @@ section.content h2 {
display: flex; display: flex;
gap: var(--space-lg); gap: var(--space-lg);
} }
.two-column {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--space-xl);
padding: var(--space-lg)
}
@media screen and (width >= 480px) {
.two-column {
display: flex;
flex-direction: row;
}
}
.two-column p {
max-width: 70ch;
padding-bottom: 10px;
}
.two-column_left {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.two-column_right {
display: flex;
flex-direction: column;
gap: var(--space-lg);
}