Merge pull request #4 from oota-sushikuitee/Okabe-Junya/feat/add-footer

Okabe-Junya · web-flow · commit b4077e0dffe5 · 2024-06-30T00:03:22.000+09:00
Feat: add footer
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ja">
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -30,5 +30,8 @@
       <img src="./img/mayo.png" alt="mayo-kun" class="center-image" />
       <p>Sushi kuitee</p>
     </div>
+    <footer class="footer">
+      <p>&copy; oota-sushikuitee.net 2024</p>
+    </footer>
   </body>
 </html>
diff --git a/style.css b/style.css
@@ -1,7 +1,7 @@
 body {
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
   height: 100vh;
   margin: 0;
@@ -43,6 +43,10 @@ body {
 
 .container {
   text-align: center;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .center-image {
@@ -55,3 +59,10 @@ p {
   margin-top: 20px;
   color: #666;
 }
+
+.footer {
+  width: 100%;
+  text-align: center;
+  padding: 10px;
+  bottom: 0;
+}
