Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
6
respuestas

[Duda] No me da el 100% de ancho

Tengo una duda, este es mi index

<head>

    <meta charset="UTF-8"> 
    <title>Barbería Alura</title>
    <link rel="stylesheet" href="Style.CSS">

</head>

    <body>

        <img id="banner" src="banner/banner.jpg">

        <h1>Sobre la Barbería Alura</h1>

        <p>Ubicada en el corazón de la ciudad, la <strong>Barbería Alura</strong> trae para el mercado lo que hay de
        mejor para su cabello y barba. Fundada en 2020, la Barbería Alura ya es destaque en la ciudad y conquista 
        nuevos clientes diariamente. </p>

        <p id="misión"><em>Nuestra misión es: <strong>"Proporcionar autoestima y calidad de vida a nuestros clientes".</strong></p></em>

        <p>Ofrecemos profesionales experimentados que están constantemente observando los cambios y movimiento en el 
        mundo de la moda, para así ofrecer a nuestros clientes las últimas tendencias. El atendimiento posee un 
        padrón de excelencia y agilidad, garantizando calidad y satisfacción de nuestros clientes.</p>

    </body>

</html>

Éste es mi CSS

body{ background: #CCCCCC; }

#banner{ width: 100%; }

h1{ text-align: center; }

p{ text-align: center;

}

em strong{ color: red; }

#misión{ font-size: 20px }

![](Barbería Alura )

pero no me rellena el 100% pero en el modo desarrollador sí, me ayudan, gracias.

6 respuestas

Hola Erick :)

¿De casualidad guardaste los cambios y le diste refresh a la página? Estaba revisando tu código en mi computadora (copie y pegue tu código) y si me aparecen las modificaciones correspondientes del width de la imagen. Otra opción que podría ser es que al momento de referenciar tu código CSS, el nombre del archivo no concuerde (aunque lo veo poco factible ya que se respetan todos los demás cambios).

Se que puede que mi respuesta no sea de mucha ayuda pero hay veces que se nos olvida que tenemos que guardar los cambios y volver a refrescar la página para que se efectúen.

Éxito en el curso.

solución!

Mi codigo esta igual y si funciona, lo pudiste resolver?

#banner {
    width: 100%;
}

Tal vez hizo falta guardar los cambios en el css con Ctrl + S y actualizar la página, ya que no veo otro error, al menos en el código que envías..

Saludos.

Mil gracias, les comento que en efecto ayer guarde cada cambio tanto en el index como en el css; y no me daba, creo que mi ordenador ya se había cansado ya que hoy al abrir me dió al 100% , gracias por sus observaciones y referencias, ánimos también a ustedes "a lograr cada meta y objetivo".

Hola, estoy presentando el mismo error :(

Proba con lo que le indicaron al compañero en el post. Ctrl + S (para guardar) Saludos cordiales.