Time To Style pt-br Explainer

Puzzle Explainer
#1

Explicação de Hora de estilizar

Objetivo do desafio: Adicionar estilos personalizados à sua página da Web.

Passo a passo da solução: Na guia CSS, algumas regras foram adicionadas para você, mas a página ainda não está completa.

Para concluir o desafio:

No conjunto de regras body:

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

No conjunto de regras h1:

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

No conjunto de regras button:

  • Configure border-radius como 5px

Em seguida, adicione um novo conjunto de regras com img como seu seletor. Por exemplo:


img {

}

Dentro do conjunto de regras img:

  • Configure width como 200px

  • Configure height como auto

Conceitos de CSS: Conjuntos de regras, regras, seletores, redimensionamento de imagem, cores RGB

#2

Cara eu fiz o que vc pediu e não deu certo aparece Eric Blackmoon

2 Likes
#3

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;
}

pra mim deu certo, da uma olhadinha ai

#4

Tambem nao consegui resolver

#5

Não consegui resolver!!!

#6

Caso alguém necessite da resposta, ela está aqui.

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;
}