Hola Equipo, agradezco su ayuda con este asunto, he revisado el codigo y aun no encuentro el motivo por el cual el navegador aparece en columna,
Hola Equipo, agradezco su ayuda con este asunto, he revisado el codigo y aun no encuentro el motivo por el cual el navegador aparece en columna,
</head>
<body>
<header class="head container">
<img class="head_logo" src="img/logo-apeperia.svg" alt="logo de Apeperia">
<nav class="head__navegacion">
<ul>
<li class="head_enlace"><a href="#">Sobre</a></li>
<li class="head_enlace"><a href="#">Planes</a></li>
<li class="head_enlace"><a href="#">Blog</a></li>
<li class="head_enlace"><a href="#">Destacados</a></li>
<li class="head_enlace"><a href="#">nstitucional</a></li>
<li class="head_enlace"><a href="#">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<section class="llamada" >
<h1 class="llamada__titulo" >Aplicaciones en la medida</h1>
<p class="llamada__texto" >Apeperia es una empresa emergente con una manera inovadora de comprar y crear aplicaciones móviles y web.</p>
<a class="llamada__boton" href="#"> conozca los planes</a>
</section>
</main>
</body>
¡Hola Estudante!
Gracias por compartir tu pregunta con nosotros. Según lo que puedo ver en la imagen que compartiste, parece que el navegador está en una columna debido a que el ancho de la pantalla es demasiado pequeño para mostrarlo en una sola fila. Esto puede ser un problema común en diseños responsivos, ya que el contenido se ajusta automáticamente al tamaño de la pantalla.
Para solucionar este problema, puedes intentar utilizar media queries en tu código CSS para ajustar el tamaño del navegador en función del tamaño de la pantalla. De esta manera, podrás asegurarte de que el navegador se muestre correctamente en cualquier tamaño de pantalla.
Aquí hay un ejemplo de cómo podrías utilizar media queries en tu código CSS:
@media screen and (max-width: 600px) {
.navegador {
width: 100%;
}
}
En este ejemplo, la regla CSS se aplica solo cuando la pantalla tiene un ancho máximo de 600 píxeles. En este caso, el ancho del navegador se establece en el 100% para que se ajuste al ancho de la pantalla.
Espero que esta información te sea útil para solucionar tu problema. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Espero haber ayudado y buenos estudios!