From cfa86a148229108fccbe03319dc03acebf33d144 Mon Sep 17 00:00:00 2001
From: Linnnus <linnnus@users.noreply.github.com>
Date: Wed, 27 Mar 2024 13:57:10 +0100
Subject: Add info boxes to index

---
 static/index.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

(limited to 'static/index.css')

diff --git a/static/index.css b/static/index.css
index 0838304..504b859 100644
--- a/static/index.css
+++ b/static/index.css
@@ -64,3 +64,41 @@
 
 .achievements__item__text {
 }
+
+.boxes {
+	/* The columns should be aligned in the center.
+	 * N.B. margin matches padding of achievements. */
+	max-width: 600px;
+	margin: 2rem auto;
+}
+
+.boxes__column {
+	--gap: 1rem;
+	width: calc(50% - var(--gap) / 2);
+}
+
+.boxes__column--right {
+	float: right;
+}
+
+.boxes__column--left {
+	float: left;
+	margin-right: var(--gap);
+}
+
+.boxes__item {
+
+}
+
+.boxes__header {
+
+}
+
+.boxes__body-text {
+	line-height: 1.5;
+}
+
+.boxes__image {
+	max-width: 100%;
+	height: auto;
+}
\ No newline at end of file
-- 
cgit v1.2.3