diff --git a/css/content.css b/css/content.css index eb20ad2..6d910d0 100644 --- a/css/content.css +++ b/css/content.css @@ -1,3 +1,5 @@ +/* Sections */ + .section { margin-bottom: var(--space-xlarge); display: flex; @@ -22,6 +24,9 @@ } .section--content { + display: flex; + flex-direction: column; + align-items: center; } @media (max-width: 768px) { @@ -42,5 +47,24 @@ .section--content { grid-area: 2 / 1 / 3 / 4; } - +} + +/* Members area */ + +.members { + display: flex; + justify-content: center; + gap: var(--space-medium); +} + +.member { + display: flex; + flex-direction: column; + align-items: center; +} + +@media (max-width: 768px) { + .members { + flex-direction: column; + } } diff --git a/css/typo.css b/css/typo.css index 64aeb98..73677e8 100644 --- a/css/typo.css +++ b/css/typo.css @@ -1,10 +1,9 @@ -h1, h2, h3 { +h1, h2, h3, h4 { font-family: Knewave; - margin: 0 0 var(--space-medium) 0; } h1 { - margin: var(--space-xsmall); + margin: 0 0 var(--space-medium) 0; font-family: "Knewave", system-ui; font-size: var(--fz-1); @@ -14,6 +13,8 @@ h1 { } h2 { + margin: 0 0 var(--space-medium) 0; + font-family: "Knewave", system-ui; font-size: var(--fz-2); @@ -21,10 +22,19 @@ h2 { } h3 { + margin: 0 0 var(--space-small) 0; + font-family: "Knewave", system-ui; font-size: var(--fz-3); } +h4 { + margin: 0 0 var(--space-small) 0; + + font-family: "Knewave", system-ui; + font-size: var(--fz-4); +} + p { margin-bottom: var(--space-medium); } diff --git a/img/adrien.png b/img/adrien.png new file mode 100644 index 0000000..eca9a98 Binary files /dev/null and b/img/adrien.png differ diff --git a/img/aurel.png b/img/aurel.png new file mode 100644 index 0000000..061be3f Binary files /dev/null and b/img/aurel.png differ diff --git a/index.html b/index.html index b69622e..2456b6e 100644 --- a/index.html +++ b/index.html @@ -93,6 +93,20 @@ unlikeliest of places. Welcome to Frog Collective – where small is mighty, and fun knows no bounds!

+ +

Members

+
+
+ +

Aurel

+
Art
+
+
+ +

Adrien

+
Dev
+
+