From 336f9e4c4a11ec595e020862f1de56a07a82c797 Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel-git@c0ntroller.de>
Date: Thu, 3 Nov 2022 11:36:19 +0100
Subject: [PATCH] Mobile styling

---
 styles/Blog/AboutMe.module.scss | 4 +++-
 styles/Blog/Blog.module.scss    | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/styles/Blog/AboutMe.module.scss b/styles/Blog/AboutMe.module.scss
index a6d52da..7090185 100644
--- a/styles/Blog/AboutMe.module.scss
+++ b/styles/Blog/AboutMe.module.scss
@@ -29,7 +29,7 @@
 .badgeSet {
     display: flex;
     flex-direction: row;
-    margin-top: 10px;
+    flex-wrap: wrap;
 }
 
 .achievement {
@@ -54,6 +54,7 @@
     background: var(--badge-bg, transparent);
     color: var(--badge-color, inherit);
     margin-right: 10px;
+    margin-top: 10px;
 
     &:last-of-type {
         margin-right: 0;
@@ -132,6 +133,7 @@
 .socials {
     display: flex;
     flex-direction: row;
+    flex-wrap: wrap;
     align-items: center;
 
     & > * {
diff --git a/styles/Blog/Blog.module.scss b/styles/Blog/Blog.module.scss
index c2289c7..f714c70 100644
--- a/styles/Blog/Blog.module.scss
+++ b/styles/Blog/Blog.module.scss
@@ -28,6 +28,10 @@
         h1 {
             margin-top: 0;
         }
+
+        @media screen and (max-width: 890px) {
+            padding: 20px;
+        }
     }
 
     footer {