all repos — aaoth.xyz @ 94aa9aef93789893416dcbc21851a16915e852b0

aaoth.xyz website 

optimize css for small screens (now better)
la-ninpre leobrekalini@gmail.com
Wed, 09 Dec 2020 12:25:15 +0300
commit

94aa9aef93789893416dcbc21851a16915e852b0

parent

df5b75a6f759222b487691422b2b76fdfd85bb21

2 files changed, 10 insertions(+), 7 deletions(-)

jump to
M _layouts/default.html → _layouts/default.html 
@@ -3,7 +3,7 @@ <html>
 	<head>
 		<meta charset="utf-8">
         <meta http-equiv="Content-Security-Policy" content="default-src 'self'">
-		<meta name="viewport" content="width=device-width, initial-scale=0.7">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<title>{{ page.title }} - {{ site.title }}</title>
 		<link rel="stylesheet" href="/assets/css/style.css">
 		<link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon">
M _sass/main.scss → _sass/main.scss 
@@ -22,7 +22,7 @@ }
 
 body {
 	max-width: 835px;
-	min-width: 462px;
+	min-width: 378px;
 	margin: 20px auto 0 auto;
 	padding: 8px;
 	color: $color-dark-bg;

@@ -85,7 +85,7 @@ }
     .about-links {
         margin-top: 1em;
         .link-icon {
-            height: 32px;
+            width: 32px;
         }
         .link-text {
             display: inline;

@@ -199,21 +199,24 @@ .about {
         flex-direction: column-reverse;
         .about-sidebar {
             display: flex;
-        }
-        .about-info {
-            padding: 0 2%;
+            flex-direction: column;
+            img {
+                width: 128px;
+                margin: 0 auto;
+            }
         }
         .about-links {
             margin-top: 0;
             p:first-child {
                 margin: 0;
+                padding-top: 0;
             }
             ul {
                 display: flex;
                 flex-wrap: wrap;
                 justify-content: flex-start;
                 li {
-                    margin-right: auto;
+                    margin: auto;
                 }
             }
         }