el contenido de mi web incluido el color del fondo se quedan a la mitad y no abarca toda la pagina...
es solo una web de prueba que estoy haciendo mientras aprendo por mi cuenta.
el codigo html es este:
Código HTML :
<body> <header class="Encabezado"> <h1 class="Titulo"> Jimmy Shibaru </h1> <nav class="Menu"> <a href="#" class="link">Relatos</a> <a href="#" class="link">Poemas</a> <a href="#" class="link">Contacto</a> </nav> </header> <main class="Cuerpo"> <section> <p class="Parrafo"> El mundo es un elipse poetico gratificante. <br> Solo el ardor de mi estomago es prudente y dificil de definir. </p> </section> </main> <footer class="F-Web"> <h2 class="Foot-Titulo"> Jimmy Shibaru </h2> <box-icon type='logo' name='snapchat' class="bxl-snapchat bx-border-circle"></box-icon> <box-icon type='logo' name='instagram' class="bxl-instagram bx-border-circle"></box-icon> <box-icon type='logo' name='youtube' class="bxl-youtube bx-border-circle"></box-icon> </footer> </body>
Y el codigo css es este (No se que hago mal):
Código CSS :
body{ background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%); background-repeat: no-repeat; font-family: 'Zen Loop', cursive; margin: 0%; } .Encabezado{ width: 95%; height: 40px; margin: 0 auto; padding: 2px; background-color: rgba(70, 141, 223, 0.473); -webkit-box-shadow: 0px 0px 0px 5px #A0A0A0, inset 0px 10px 27px -8px #141414, 5px 5px 0px 3px rgba(0,0,0,0.52); box-shadow: 0px 0px 0px 5px #A0A0A0, inset 0px 10px 27px -8px #141414, 5px 5px 0px 3px rgba(0,0,0,0.52); } .Menu{ display: flex; justify-content: space-between; flex-wrap: wrap; } .link{ text-decoration: none; font-size: 32px; margin-top: 10px; } .Titulo{ display: flex; justify-content: center; font-size: 35px; margin: auto; } .Cuerpo{ width: 90%; height: 100%; max-height: 100%; } .Parrafo{ display: flex; justify-content: center; margin-top: 10%; font-size: 42px; } .F-Web{ width: 100%; height: 100%; margin: 12px, auto; }