diff --git a/assets/css/app.css b/assets/css/app.css index e5d10f1..74a88d7 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -177,7 +177,6 @@ section { display: flex; justify-content: center; } -} .stack { display: flex; @@ -215,6 +214,32 @@ section { color: var(--cotech-white); } +.grid { + display: grid; + grid-gap: var(--space-sm); + grid-template-columns: 1fr; + align-items: stretch; +} + +.grid a { + display: flex; + height: 100%; +} + +.grid-dense { + grid-template-columns: 1fr 1fr; +} + +@media (min-width: 420px) { + .grid { + grid-template-columns: 1fr 1fr; + } + + .grid-dense { + grid-template-columns: 1fr 1fr 1fr 1fr; + } +} + .header { display: flex; padding: var(--space-lg) var(--space-md); diff --git a/index.html b/index.html index 6449a31..0cea095 100644 --- a/index.html +++ b/index.html @@ -22,53 +22,55 @@ layout: default particularly when it comes to democratic ownership and decision-making.

-
-

Digital products & platforms

- -
+
+
+

Digital products & platforms

+ +
-
-

Design & content

- -
+
+

Design & content

+ +
-
-

Marketing & comms

- -
+
+

Marketing & comms

+ +
-
-

Coop & organisational development

- +
+

Coop & organisational development

+
    +
  • Cooperative Development
  • +
  • Facilitation
  • +
  • Sociocracy Training
  • +
  • Service Design
  • +
+
@@ -76,7 +78,7 @@ layout: default

Our members

Meet the coops behind CoTech

-
+
{% for coop in site.coops %}