Merge pull request #2720 from Arhell/fix-img-mobile

fix content on mobile
getporter · Apr 12, 2023 · ceacf06 · ceacf06
2 parents 937b99c + 06e826b
commit ceacf06
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/docs/themes/porter/assets/sass/helm-blog.scss b/docs/themes/porter/assets/sass/helm-blog.scss
@@ -87,13 +87,19 @@
                 min-height: 12rem;
                 border-radius: 0.67em;
                 padding-left: 12rem;
+                @media only screen and (max-width: 569px) {
+                  padding-left: 8rem;
+                }
 
                 img {
                   position: absolute;
                   left: 1rem;
                   top: 1rem;
                   border-radius: 50%;
                   max-width: 10rem;
+                  @media only screen and (max-width: 569px) {
+                    max-width: 6rem;
+                  }
                 }
 
                 figcaption {