autonomic-cooperative/cotech-website
4
0
Fork 2
mirror of https://git.coop/cotech/website.git synced 2025-06-26 16:40:52 +00:00
Code Issues Releases Wiki Activity

Make .two-column a single column on mobile

Browse Source
This commit is contained in:
Chris Lowis
2025-06-25 21:26:20 +01:00
parent fea43c6370
commit 97e868dc91
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/app.css
View File

@ -312,11 +312,19 @@ section.content h2 {
.two-column { .two-column {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
gap: var(--space-xl); gap: var(--space-xl);
padding: var(--space-lg) padding: var(--space-lg)
} }
@media screen and (width >= 480px) {
.two-column {
display: flex;
flex-direction: row;
}
}
.two-column p { .two-column p {
max-width: 70ch; max-width: 70ch;
} }