CarlosEsp71 (Talk | contribs) |
CarlosEsp71 (Talk | contribs) |
||
Line 45: | Line 45: | ||
} | } | ||
− | . | + | .background { |
− | height: | + | height: 100%; |
width: 100%; | width: 100%; | ||
background: rgb(79, 71, 218); | background: rgb(79, 71, 218); | ||
background: linear-gradient( 151deg, rgba(79, 71, 218, 1) 0%, rgba(222, 5, 217, 1) 35%, rgba(151, 205, 240, 1) 100%); | background: linear-gradient( 151deg, rgba(79, 71, 218, 1) 0%, rgba(222, 5, 217, 1) 35%, rgba(151, 205, 240, 1) 100%); | ||
+ | } | ||
+ | |||
+ | header, | ||
+ | footer { | ||
+ | height: 100vh; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | } | ||
+ | |||
+ | header h1, | ||
+ | footer h1 { | ||
+ | font-size: 50px; | ||
} | } | ||
</style> | </style> | ||
<body> | <body> | ||
− | <section class=" | + | <section class="background"> |
+ | <div class="header"> | ||
+ | <h1>Header</h1> | ||
+ | </div> | ||
+ | <div class="footer"> | ||
+ | <h1>Header</h1> | ||
+ | </div> | ||
+ | </section> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 20:32, 11 October 2021