autonomic-cooperative/cotech-website
3
0
Fork 2
mirror of https://git.coop/cotech/website.git synced 2025-12-18 09:47:31 +00:00
Code Issues Releases Wiki Activity

Wrap buttons in a switcher layout

Browse Source
This commit is contained in:
Chris Lowis
2025-12-15 16:32:10 +00:00
parent c2235a7c8b
commit d0fb47a3f2
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/app.css
View File

@ -201,6 +201,12 @@ section, footer {
margin-block-start: var(--space, 1.4rem); margin-block-start: var(--space, 1.4rem);
} }
.switcher {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
}
.btn { .btn {
padding: var(--space-sm) var(--space-lg); padding: var(--space-sm) var(--space-lg);
background: var(--cotech-white); background: var(--cotech-white);

7
index.html
View File

@ -11,8 +11,11 @@ layout: default
<img class="rounded" src="images/richard.jpg" alt="" /> <img class="rounded" src="images/richard.jpg" alt="" />
<a class="btn" href="#">Hire our coops</a>
<a class="btn" href="#">Join the network</a> <div class="switcher">
<a class="btn" href="#">Hire our coops</a>
<a class="btn" href="#">Join the network</a>
</div>
</section> </section>
<section class="stack"> <section class="stack">