From 224fd442ebe17085a6cca7e01aa2cc08ca7bd46b Mon Sep 17 00:00:00 2001
From: Santiago Lo Coco <santilococo.01@gmail.com>
Date: Mon, 14 Mar 2022 14:32:52 -0300
Subject: [PATCH] Hide profile image on mobile devices

---
 _layouts/about.html | 2 ++
 _sass/_base.scss    | 6 ++++++
 2 files changed, 8 insertions(+)

diff --git a/_layouts/about.html b/_layouts/about.html
index d32317e..6d9957c 100644
--- a/_layouts/about.html
+++ b/_layouts/about.html
@@ -14,11 +14,13 @@ layout: default
           {% if page.profile -%}
           <div class="rel-1z profile float-{%- if page.profile.align == 'left' -%}left{%- else -%}right{%- endif -%}">
             {%- if page.profile.image %}
+            <div class="prof-image">
               {%- assign profile_image_path = page.profile.image | prepend: 'assets/img/' -%}
               {% include figure.html 
               path=profile_image_path 
               class="img-fluid z-dept-1 rounded"
               alt=page.profile.image -%}
+            </div>
             {% endif -%}
             {%- if page.profile.address %}
             <div class="address">
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 9d060d7..970e4d5 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -88,6 +88,12 @@ boldtext {
   }
 }
 
+@media (max-width: 600px) {
+  .prof-image {
+    display: none;
+  }
+}
+
 .post-description {
   margin-bottom: 1rem;
   font-size: 0.9rem;