make viewport responsive

optimize image scaling
2023-07-17 23:23:30 +02:00 · 2023-07-13 16:17:29 +02:00
2 changed files with 8 additions and 1 deletions
--- a/src/_includes/layouts/default.njk
+++ b/src/_includes/layouts/default.njk
@ -2,6 +2,7 @@
 <html lang="{{ site.language }}">
  <head>
    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ title if title else site.title }}</title>
    
    <link rel="stylesheet" href="/css/style.css"/>
--- a/src/css/style.scss
+++ b/src/css/style.scss
@ -79,6 +79,12 @@ time,
  border-bottom: 1px dotted rgb(219, 103, 167);
 }

+.article_header {
+  img {
+    width: 100%;
+  }
+}
+
 .related {
  margin-top: 18px;
  border-top: 1px dotted rgb(219, 103, 167);
@ -105,7 +111,7 @@ time,
 }

 img {
-  max-width: 75%;
+  max-width: 100%;
 }

 .tag {
Author	SHA1	Message	Date
maia arson crimew	e43a1a7b56	make viewport responsive	2023-07-17 23:23:30 +02:00
maia arson crimew	575ab86454	optimize image scaling	2023-07-13 16:17:29 +02:00