From fa7dc4f37f1a7ba2897d3901e8b83d9ee2daec69 Mon Sep 17 00:00:00 2001
From: Maarten Paauw <maarten@crony.nl>
Date: Tue, 3 May 2022 13:35:18 +0200
Subject: [PATCH 1/2] fix: use min-width instead of width

When following section contents (e.g. education or certificates) is wider than two times the width of the skill container the skill container will get too much whitespace on the right. Using a min-width will fix the issue.
---
 assets/styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/styles.css b/assets/styles.css
index 2f79d8e..a5e498b 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -254,7 +254,7 @@ li {
   column-gap: 10px; }
   .skills .container .article {
     break-inside: avoid-column;
-    width: 120px;
+    min-width: 120px;
     padding-top: 20px; }
     .skills .container .article span {
       display: block;

From 66c4498d24e9ae4d1b84c0f57ef6dd3dc6685abf Mon Sep 17 00:00:00 2001
From: davcd <hello@davcd.com>
Date: Tue, 3 May 2022 19:55:00 +0200
Subject: [PATCH 2/2] fix: use min-width instead of width in scss file

---
 assets/scss/skills.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/scss/skills.scss b/assets/scss/skills.scss
index 737b74b..0a18493 100644
--- a/assets/scss/skills.scss
+++ b/assets/scss/skills.scss
@@ -11,7 +11,7 @@
 
     .article {
       break-inside: avoid-column;
-      width: $skills-column-width;
+      min-width: $skills-column-width;
       padding-top: $space-2;
 
       span {