Se crearon las variables CSS que se muestran a continuación y se reemplazaron en cada una de las líneas de código en donde se había definido un color.
:root{
--color-primario: #f7eaea;
--color-secundario: #000000;
--color-terciario: #837081;
--fuente-monserrat: 'Montserrat', sans-serif;
--fuente-krona: 'Krona One', sans-serif;
}
body{
padding: 0;
margin:0;
box-sizing: border-box;
background-color: var(--color-primario);
color: var(--color-secundario);
Hola,
Gracias por compartir tu código con nosotros.Te felicito por tu aprendizaje. Recuerda que estamos aquí para ayudarte. Si necesitas ayuda, no dudes en buscarnos en el foro.
¡Gracias nuevamente!
Saludos,
Hola,
Tambien se aplicaron los conocimientos aquiridos en el curso y se modifico el código para las variables CSS para los colores así:
:root {
--color-primario:#66D2CE;
--color-secundario:#2DAA9E;
--color-terciario:#EAEAEA;
--color-cuaternario:#E3D2C3;
--fuente-montserrat: 'Montserrat', sans-serif;
--fuente-krona:'Krona one', sans-serif;
}
body{
/* height: 100vh; */
box-sizing: border-box;
background-color: var (--color-primario);
color: var(--color-secundario);
}
Y se obtuvo el siguiente resultado:
Aplicando lo aprendido, en declaracion de variables CSS
:root{
--color-primario:#257180;
--color-secundario:#F2E5BF;
--color-terciariio:#FD8B51;
--color-hover:#CB6040;
--fuente-montserrat:"monserrat", sans-serif;
--fuente-krona:"krona one",sans-serif;
}
body{
box-sizing: border-box;
background-color:var(--color-primario);
color: var(--color-secundario);
}
