css: more vertical spacing (footer)

2026-05-08 15:46:14 +02:00
parent df0e3f48f0
commit b7d5fc11e1
2 changed files with 13 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -25,7 +25,8 @@
  </div>
 </div>
 <div class="body">
-  <p>Lorem ipsum</p>
+  <!--<p>Lorem ipsum</p>-->
 </div>
 <div class="footer">
+  <p>Footer</p>
 </div>
--- a/main.css
+++ b/main.css
@@ -39,7 +39,6 @@ h1, h2, h3, h4, h5, h6 {

 .block {
  flex: 1;
-  height: 200px;
  /*background: #e5e7eb;
  border: 1px solid #ccc;*/
  display: flex;
@@ -84,3 +83,14 @@ h1, h2, h3, h4, h5, h6 {
    margin-top: 
  }
 }
+
+div.body, div.footer {
+  margin-left: 7.14vw;
+  margin-right: 7.14vw;
+}
+
+div.footer {
+  margin-top: 3.57vw;
+  margin-bottom: 7.14vw;
+  text-align: center;
+}