Ejercicio 3

Este ejercicio está diseñado para probar tus conocimientos teóricos y prácticos de CSS. Te presentaremos varios casos con código CSS incompleto, de acuerdo a lo que se pida, tendrás que completarlo para cumplir con la modificación requerida.

Recuerda que puedes regresar al módulo para revisar cualquier duda que tengas; esto no será evaluado por ningún agente externo, pero te servirá como retroalimentación de lo que has aprendido.

Completa el código de acuerdo con lo que se pide (en orden):

1. Párrafo con letra roja, subrayada y fuente Arial.

p {
   ¡Correcto!: red;
   text-decoration: ¡Correcto!;
   ¡Correcto!: Arial;
}

2. Contenedor con color de fondo amarillo, tamaño de fuente de 18px y texto centrado.

.contenedor {
   ¡Correcto!: yellow;
   ¡Correcto!: 18px;
   ¡Correcto!: ¡Correcto!;
}

3. Una barra de navegación fijada en la esquina superior izquierda de la ventana, con padding hacia todos los lados de 20px.

nav {
   position: ¡Correcto!;
   ¡Correcto!: 0;
   left: ¡Correcto!;
   ¡Correcto!: 20px;
}

4. Una división con un ancho de la mitad de su elemento padre, pero que no pueda ser menos de 400px, centrada utilizando márgenes.

#division1 {
   width: ¡Correcto!;
   ¡Correcto!: 400px;
   margin: ¡Correcto!;
}

Módulo 3

Tu Progreso

63%