5
respuestas

Codigo no se ejecuta

Hola a todos!!

Tengo una duda, mi código HTML no ejecuta los diferenciales correctamente ni la class sobre-nosotros en general, en el video de Trabajando con margenes, no se aprecia correctamente el CSS completo de diferenciales... Adjunto HTML y CSS completo de ambos (diferenciales y Sobre-nosotros) en varias partes porque excedo los caracteres

5 respuestas
        <section class="diferenciales container">
            <ul class="diferenciales__lista">
                <li class="diferenciales__item">
                    <h2 class="item__titulo">Tiempo</h2>
                    <p class="item__texto">¡Tiempo es importante! Trabajamos en ritmo acelerado, para atender los plazos rigurosamente.</p>
                </li>
                <li class="diferenciales__item">
                    <h2 class="item__titulo">Enfoque</h2>
                    <p class="item__texto">Focamos en el pequeño y médio empreendedor, ofrecemos servicios de calidad con precios accesibles.</p>
                </li>
                <li class="diferenciales__item">
                    <h2 class="item__titulo">Especialistas</h2>
                    <p class="item__texto">Equipo especializada, con experiéncia de mercado. Testamos todos los productos antes del lanzamiento.</p>
                </li>
            </ul>
        </section>
        <section class="sobre_nosotros container">
            <div class="sobre_nosotros__contenido">
                <h2 class="sobre_nosotros__titulo">Sobre nosotros</h2>
                <p class="sobre_nosotros__texto">¡Creamos aplicaciones personalizados para todas las personas!</p>
                <p class="sobre_nosotros__texto">La manutención de una aplicación no puede ser un custo extra para el cliente. En Apeperia firmas nuestro servicio la manutención ya se incluye en el servicio. De esa manera no te preocupes con la atualización, es por cuenta de nosotros.</p>
                <p class="sobre_nosotros__texto sobre-nosotros__texto--destacado sobre-nosotros__texto--division">¡Tenemos un equipo especializado y exclusivo para proyectos increíbles!</p>
            <ul class="sobre_nosotros__plataformas">
                <li><img src="img/android.png" alt="Icono de Android"></li>
                <li><img src="img/blackberry.png" alt="Icono de Blackberry"></li>
                <li><img src="img/apple.png" alt="Icono de Apple"></li>
            </ul>
            <p class="sobre_nosotros__texto">Desarrollamos aplicaciones para todas plataformas</p>
            </div>
        </section>
    </main>
</body>

DIFERENCIALES

.diferenciales__item{ max-width: 350px; box-sizing: border-box; padding: 2rem 0 2rem 5rem; background-repeat: no-repeat; background-position: top 1.5rem left 2.5rem; }

.item__titulo{ color: var( --fuente-ceniza-oscuro); font-weight: 700; font-size: 1.2rem; text-transform: uppercase; margin-bottom: 1.5rem; }

.item__texto{ line-height: normal; }

.diferenciales__item-reloj{ background-image: url(../img/icono-reloj.png); }

.diferenciales__item-dinero{ background-image: url(../img/icono-dinero.png); }

.diferenciales__item-quimica{ background-image: url(../img/icono-quimica.png); }

SOBRE-NOSOTROS

.sobre-nosotros{ padding-top: 3rem; padding-bottom: 3rem; }

.sobre-nosotros__titulo{ color: var(--fuente-ceniza-oscuro); font-weight: 700; font-size: 1.5rem; font-family: var(--montserrat); text-transform: uppercase; text-align: center; margin-bottom: 1.25rem;

} .sobre-nosotros__texto{ line-height: normal; margin-bottom: 1rem;

} .sobre-nosotros__plataformas{ display: flex; flex-wrap: wrap; justify-content: space-evenly; margin-bottom: 1rem;

} .sobre-nosotros{ color: var(--fuente-ceniza-oscuro); font-weight: 700;

}

¡Hola Lorena!

Gracias por compartir tu pregunta con nosotros. Por lo que entiendo, estás teniendo problemas para que tu código HTML ejecute correctamente los diferenciales y la clase sobre-nosotros.

Para poder ayudarte mejor, necesitaría ver el código completo de HTML y CSS que estás utilizando. Sin embargo, puedo darte algunos consejos generales que podrían ayudarte a solucionar el problema.

Primero, asegúrate de que estás utilizando la sintaxis correcta para tus clases y diferencias. Verifica que no hay errores de ortografía o de sintaxis en tu código.

También es importante que revises que tus estilos CSS estén correctamente enlazados en tu documento HTML. Asegúrate de que la ruta de tus archivos CSS sea correcta y que estén en la carpeta correcta.

Por último, te recomiendo que utilices herramientas como el inspector de elementos de tu navegador para verificar que tus estilos CSS se estén aplicando correctamente a tus elementos HTML.

Espero que estos consejos te ayuden a solucionar tu problema. Si necesitas más ayuda, no dudes en compartir tu código completo para que pueda revisarlo con más detalle.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)

Hola buenas noches Lorena, recuerda en el archivo index.hmtl importar los archivos diferenciales y sobre nosotros

 <link rel="stylesheet" href="css/diferenciales.css" />
    <link rel="stylesheet" href="css/sobre-nosotros.css" />

Espero esto te ayude..

Gracias Graciela