[fix] : スマホでのレイアウト崩れを修正

[alterlinux/hayao.fascode.net.git] / sanmoku / style / common.css

diff --git a/sanmoku/style/common.css b/sanmoku/style/common.css
index b2f219a..7d3a960 100755 (executable)
--- a/sanmoku/style/common.css
+++ b/sanmoku/style/common.css
@@ -1,7 +1,7 @@
 /* 全体の見た目 */\r
 body{\r
     margin: 0; /* 外側の空白を0にする */\r
-   /* min-width: 320px;*/ /* 最初の横幅を設定 （これを設定しないとスマホで表示が崩れてしまう）*/\r
+    min-width: 600px; /* 横幅を指定*/\r
 \r
     /* 左右を中央揃え */\r
     text-align: center;\r
@@ -34,17 +34,17 @@ html{
 }\r
 \r
 /* タイトルの見た目*/\r
-#header h1{\r
-    width: 100vw;\r
+.title{\r
     font-size: 400%; /* 文字を大きくする*/\r
+    margin-block: 0; /*上下の余白を削除*/\r
 }\r
 \r
-\r
 .content-p{\r
     display: flex; /*横並びにする*/\r
     gap: 20px; /*横並びの余白を指定*/\r
-    width: 800px; /* 横幅を指定*/\r
-    justify-content: center;\r
+\r
+    /*中央寄せ*/\r
+    justify-content: center; \r
     margin-right: auto;\r
     margin-left: auto;\r
-}
\ No newline at end of file
+}\r