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)
2
respuestas

[Duda] Problema con el reset.css

Hola es que tengo un problema o mas bien una duda, estoy colocando el reset.css en la parte del home, para tratar de que quede igual el header en home y en productos, pero cuando hago el en la parte de home todos los estilos de abajo no los detecta Asi tengo el html Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidady asi el css

header{
    background-color: rgb(110, 117, 168);
    padding: 20px 0;
}

.caja{
    
    position: relative;
    width: 940px;
    margin: 0 auto;
}

nav{
    position: absolute;
    top: 110px;
    right: 0;
}

nav li{

    display: inline-flex;
    margin: 0 0 0 15px;
}
#ulHeader{
    display: inline-flex;
}

nav a{

    text-transform: uppercase;
    color: black;
    font-size: 22px;
    font-weight: bold;
}

#banner{
    
    width: 100%;
    padding: 10px 0;

}

.principal{
    background: rgb(110, 117, 168);
    padding: 20px;
}

.titulocentralizado{
    text-align: center;
    color:rgba(23, 23, 121, 0.93);
}

p {
    color: white;
    text-align: left;
    
}

#mision{
    font-size: 20px;
}

strong em{
    color: white;
}

.diferenciales{
    background: #ffffff;
    text-align: left;
    padding: 20px;
    border: #211f1f solid 5px;
}

ul{

    display: inline-block;
    vertical-align: top;
    width: 35%;
    margin-right: 10%;
}

.items{
    color : rgba(23, 23, 121, 0.93);
    font-style: italic;
}

.imagenDiferenciales{

    width: 50%;
}
2 respuestas
solución!

Hola JUAN PABLO GUZMAN VIDAL.

Estuve realizando pruebas para verificar lo que te paso y encontré que al momento que vinculas el archivo de estilos reset.css al archivo index.html los cambios o estilos que se colocaron con etiquetas directamente en el código html que son las etiquetas <em></em>, <h1></h1> <strong></strong> son las que el archivo reset.css reinicio dejando sus valores en cero. por lo que si quieres recuperar esas características que tienes que colocarlas en el archivo style.css para que no se borren

en el archivo css modifica la clase .etiquetaPrincipal, tituloCentralizado, el id mision y crea las otras dos clases.

.etiquetaPrincipal {
    padding-left: 30px;
    font-size: 40px;
    font-weight: bolder;
}

.tituloCentralizado{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

#mision{
    font-size: 20px;
    font-style: italic;
}

.negritas {
    font-weight: bold; 
}

.mision {
    color: red;
    font-weight: bold;
}

y en el index. html modifica los siguientes parrafos

<p>Ubicada en el corazón de la ciudad, la <span class="negritas">Barbería Alura</span>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="mision">Misión es: <span class="mision">"Proporcionar autoestima y calidad de vida a nuestros clientes"</span>.</p>

espero que mi solucion te sirva de ayuda

Si me sirvió, muchas gracias