From d74d0ff216c25ccc2545fd3688154f99d2e7247b Mon Sep 17 00:00:00 2001
From: hash3liZer <me@shameerkashif.me>
Date: Fri, 18 Oct 2024 18:19:57 +0500
Subject: [PATCH] Added subflexer

---
 layouts/partials/custom-head.html | 11 +++++++++++
 layouts/shortcodes/profile.html   |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/custom-head.html b/layouts/partials/custom-head.html
index 160a9dd..3ca001a 100644
--- a/layouts/partials/custom-head.html
+++ b/layouts/partials/custom-head.html
@@ -1,6 +1,17 @@
 <style>
     /* @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600); */
 @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
+.subflexer {
+    width: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+@media screen and (max-width: 650px) {
+    .subflexer {
+        width: 100%;
+    }
+}
 .snip1344 {
   /* font-family: 'Open Sans', Arial, sans-serif; */
   position: relative;
diff --git a/layouts/shortcodes/profile.html b/layouts/shortcodes/profile.html
index 882d28e..ab3eaa9 100644
--- a/layouts/shortcodes/profile.html
+++ b/layouts/shortcodes/profile.html
@@ -1,5 +1,5 @@
 {{ if .IsNamedParams }}
-    <div style="width: 50%; display: flex; align-items: center; justify-content: center;">  
+    <div class="subflexer">  
         <figure class="snip1344"><img src="https://avatars.githubusercontent.com/u/19727349?v=4" alt="profile-sample1" class="background"/><img src="https://avatars.githubusercontent.com/u/19727349?v=4" alt="profile-sample1" class="profile"/>
             <figcaption>
                 <h3>TheFlash2k<span>Pwn / Rev / Misc</span></h3>