#Problemas en el Layout

1 messages · Page 1 of 1 (latest)

grand quiver
#

Mejor pasame el códio para probarlo

faint hill
#

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<title>ExampleHub</title>
</head>
<body>
<header class="content-inicial">
<h1>ExampleHub</h1>

    <div class="Conteiner-Contact">
        <span><a href="#">Home /</a></span>
        <span><a href="#">About /</a></span>
        <span><a href="#">Contact us</a></span>
    </div>  
</header>

<div class="Conteiner-lower">
    <img src="Img/5ed95c393f7370198527eea3.webp" alt="">
</div>

</body>
</html>

#

body {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
background-color: aqua;
}

.content-inicial {
display: flex;
justify-content: space-between;
align-items: center;
background-color: white;
outline: 5px solid blue;
overflow: scroll;
}

.Conteiner-Contact {
display: flex;
}

.Conteiner-Contact span {
margin: 0;
}

.Conteiner-Contact span a {
text-decoration: none;
color: black;
font-size: 23px;
}

.Conteiner-lower {
display: flex;
justify-content: center;
}

.Conteiner-lower img {
position: relative;
top: 5vh;
overflow: visible;
}

grand quiver
faint hill
#

sep pero si lo pones en una resolucion

#

en cel

#

mira lo que pasa

#

XD

#

Ejemplo la resolucion de iphone 12

grand quiver
faint hill
#

what

#

podra ser mi navegador?

grand quiver
#

Si te refieres a esto

image.png
#

Pues ¿qué esperas si no sabe?

faint hill
#

jmm es que a mi no se me rellena esa parte

#

que raro jsajasjd

grand quiver
#

Recuerda descartar la caché: Ctrl + Shift + R

faint hill
#

lo hice pero aun asi sigue

image.png
grand quiver
#

Ah ya, es por la imagen

faint hill
#

Avr

grand quiver
faint hill
#

HAHAH no puede ser

#

HAHAH si es

#

gracias profesor

#

🥺

grand quiver
#

Lo solucionaste?

faint hill
#

es por la imagen

image.png
#

la solucion seria hacerla mas pequeña no?

#

Listo

#

ahora si

#

grax