all repos — site @ a89e8b4ae27ced1056f9dd5423fc3630e5b572e7

source for my site, found at icyphox.sh 

Responsive <img>s

Signed-off-by: Anirudh <icyph0x@pm.me>
Anirudh icyph0x@pm.me
Thu, 21 Mar 2019 23:25:58 +0530
commit

a89e8b4ae27ced1056f9dd5423fc3630e5b572e7

parent

b993ec001af6b14fd3dbd0c10c8e9127c1b572a0

2 files changed, 30 insertions(+), 6 deletions(-)

jump to
M build/static/style.css → build/static/style.css 
@@ -134,6 +134,13 @@ -ms-user-select:none;
   user-select:none
 }
 
+img {
+  height: auto;
+  width: 100%;
+
+  max-width: 720px;
+}
+
 @media only screen and (max-width: 100em) {
 	.left {
 		display: block;

@@ -153,11 +160,16 @@
 	.content {
     top: 10%;
 		left: 10%;
-    bottom: 3%;
-    font-size: 18px;
+    right: 10%;
+    bottom: 10%;
+    font-size: 16px;
     line-height: 150%;
-		width: 70%;
+		width: 85%;
 	}
+
+  pre {
+    overflow-x: auto;
+  }
 
   .logo {
     width: 180px;
M static/style.css → static/style.css 
@@ -134,6 +134,13 @@ -ms-user-select:none;
   user-select:none
 }
 
+img {
+  height: auto;
+  width: 100%;
+
+  max-width: 720px;
+}
+
 @media only screen and (max-width: 100em) {
 	.left {
 		display: block;

@@ -153,11 +160,16 @@
 	.content {
     top: 10%;
 		left: 10%;
-    bottom: 3%;
-    font-size: 18px;
+    right: 10%;
+    bottom: 10%;
+    font-size: 16px;
     line-height: 150%;
-		width: 70%;
+		width: 85%;
 	}
+
+  pre {
+    overflow-x: auto;
+  }
 
   .logo {
     width: 180px;