Explorar o código

change footer styles

Tatiana Inama %!s(int64=7) %!d(string=hai) anos
pai
achega
34fa2f9e68
Modificáronse 2 ficheiros con 43 adicións e 31 borrados
  1. 13 1
      css/main.css
  2. 30 30
      index.html

+ 13 - 1
css/main.css

@@ -1,3 +1,14 @@
+body {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  background-color: #ECEFF1;
+}
+
+.main-content {
+  flex: 1;
+  background-color: white;
+}
 .hero {
   background-color: #455A64!important;
   text-align: center;
@@ -22,9 +33,10 @@ footer .title.is-3 {
   margin-bottom: 1rem;
 }
 footer.footer {
-  background-color: #ECEFF1;
+  background-color: transparent;
   color: #37474F;
   padding: 1rem;
+  bottom: 0px;
 }
 
 footer img {

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 30 - 30
index.html