[Git][reproducible-builds/reproducible-website][master] Don't left/right/center-align images when on "extra small" (ie. mobile)...

[Chris Lamb]

Chris Lamb pushed to branch master at Reproducible Builds / reproducible-website


Commits:
cdc12ae5 by Chris Lamb at 2019-09-07T10:02:28Z
Don't left/right/center-align images when on "extra small" (ie. mobile) devices as they make the text wrapping look pretty awful.

- - - - -


1 changed file:

- assets/styles/custom.scss


Changes:

=====================================
assets/styles/custom.scss
=====================================
@@ -17,19 +17,21 @@ main {
     padding-bottom: 0.5rem;
   }
 
-  img[src$="#left"] {
-    float: left;
-    margin-right: 2rem;
-  }
+  @media (min-width: 750px) {
+    img[src$="#left"] {
+      float: left;
+      margin-right: 2rem;
+    }
 
-  img[src$="#center"] {
-    margin: 2rem auto;
-    display: block;
-  }
+    img[src$="#center"] {
+      margin: 2rem auto;
+      display: block;
+    }
 
-  img[src$="#right"] {
-    float: right;
-    margin-left: 2rem;
+    img[src$="#right"] {
+      float: right;
+      margin-left: 2rem;
+    }
   }
 
   blockquote {



View it on GitLab: https://salsa.debian.org/reproducible-builds/reproducible-website/commit/cdc12ae5c2afd7d74e7f7a9b35d12342a9fec7f8

-- 
View it on GitLab: https://salsa.debian.org/reproducible-builds/reproducible-website/commit/cdc12ae5c2afd7d74e7f7a9b35d12342a9fec7f8
You're receiving this email because of your account on salsa.debian.org.


-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.reproducible-builds.org/pipermail/rb-commits/attachments/20190907/e19e23bb/attachment.html>