Time To Style es-419 Explainer

Explicador de Hora de dar estilo

Objetivo de este acertijo: Agregar estilos personalizados a tu página web.

Tutorial de la solución: En la pestaña de CSS, se han agregado algunas reglas para ti, pero la página aún no está completa.

Para completar el acertijo:

En el conjunto de reglas body:

  • Define background-color como rgb(232, 246, 255)

En el conjunto de reglas h1:

  • Define color como rgb(255, 140, 0)

En el conjunto de reglas button:

  • Define border-radius como 5px

Luego, agrega un nuevo conjunto de reglas con img como su selector. Por ejemplo:

img {

}

Dentro del conjunto de reglas img:

  • Define width como 200px
  • Define height como auto

Conceptos de CSS: conjunto de reglas, reglas, selectores, cambio de tamaño de imagen, colores RVA

1 Like

una ayuda en caso de que no encuentres la manera o estes confundid@

body {
font-family: Helvetica, Arial, sans-serif;
text-align: center;
color: rgb(0, 50, 75);
background-color: rgb(232, 246, 255);
}

h1 {
font-size: 32px;
margin: 0;
padding-bottom: 16px;
font-weight: 600;
color: rgb(255, 140, 0)
}

h2 {
font-size: 24px;
margin: 0;
padding: 16px 0 8px 0;
}

p {
font-size: 16px;
margin-bottom: 8px;
padding: 0;
line-height: 1.4;
}

button {
font-size: 16px;
padding: 10px 16px;
margin-bottom: 32px;
background-color: rgb(74, 144, 226);
color: rgb(255, 255, 255);
border: 0;
cursor: pointer;
border-radius: 5px ;
}
img{
width:200px;
height:auto;

}