Time to Style explainer

Garrett_Green · October 24, 2019, 6:47am

not working for me says ‘‘The CSS starter code has been edited or removed. Use the reset button to reset the puzzle.’’

Red · October 24, 2019, 9:12am

Hey did you did you find the solution? @Garrett_Green

Red · October 24, 2019, 9:33am

https://youtu.be/piWuG4zbJC8 @Garrett_Green

Grasshopper_Ben · October 24, 2019, 5:23pm

Hey there,

In the body ruleset, color has been changed. background-color and color are 2 different things.

Tap reset to set it back, then add background-color: rgb(232, 246, 255) to the body ruleset.

Hope this helps!
Ben

VisitNepal2020 · October 28, 2019, 8:29pm

I am using Chrome still i am not able to execute it. can anyone HELP !!

Grasshopper_Ben · October 31, 2019, 6:22pm

Hey there, it looks like the color property of body was removed. Try adding:

color: rgb(0, 50, 75);

back into the body.

Hope this helps!
Ben

S_M_Sander · November 1, 2019, 4:41pm

Not sure why Im getting line errors:

Grasshopper_Ben · November 4, 2019, 6:55pm

Hey there,

On line 5, change background color to background-color

On line 36, change border-radius = 5px to border-radius: 5px

Hope this helps!
Ben

Deniz_Balatskiy · November 5, 2019, 6:59pm

what is the problem in my code?

Grasshopper_Ben · November 5, 2019, 7:01pm

Hey there, please see this post.

-Ben

Deniz_Balatskiy · November 5, 2019, 7:19pm

thanks
i have decide this puzzle already

Yaser_Mohamed · November 8, 2019, 3:38pm

you have only to add the background-color in the body without change or remove anything and so in the ather css selector

Jackson_Bruther · December 3, 2019, 10:18pm

Please someone help
body {
font-family: Helvetica, Arial, sans-serif;
text-align: center;
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;
border-radius: 5px;
cursor: pointer;
}
img {
width: 200px;
height: auto;
}

What is wrong with it

Grasshopper_Ben · December 3, 2019, 10:44pm

Hey there, make sure your body ruleset has both a color and background-color rule, like this:

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

Ryan_Baker · December 10, 2019, 10:53pm

help… please… what am i doing wrong??

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

h1 {
font-size: 32px;
margin: 0;
padding-bottom: 16px;
font-weight: 600;
background-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;
border-radius: 5px;
cursor: pointer;
}

img {
width: 200px;
height: auto;

}

ManaGaming03 · December 11, 2019, 10:54pm

Try this solution, it took me several times to figure out the problem. Hope this helps ;
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-radius: 5px;
cursor: pointer;
}
img{
width: 200px;
height: auto;
}

Grasshopper_Ben · December 12, 2019, 7:40pm

Hey there,

body should have both color and background-color. Try adding the color rule back:

color: rgb(0, 50, 75);

Hope this helps!
Ben

shateamPlayz_YT · March 21, 2020, 9:43pm

Hello i need help with my code it does not let me continue here it is:

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(225, 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;
}

Please help me

Grasshopper_Ben · March 23, 2020, 7:45pm

Hey there, looks like the problem is on the last line of the h1 ruleset:

h1 {
  font-size: 32px;
  margin: 0;
  padding-bottom: 16px;
  font-weight: 600;
  color: rgb(225, 140, 0) }. /* This line right here! */

First, change 225 to 255.

Then, put a semicolon after color: rgb(255, 140, 0). Every rule in CSS has to end with a semicolon.

Finally, put the closing bracket down one line and delete the period. Like this:

h1 {
  font-size: 32px;
  margin: 0;
  padding-bottom: 16px;
  font-weight: 600;
  color: rgb(255, 140, 0); /* Note the semicolon and 255 */
} /* Bracket is on its own line */

Hope this helps!
Ben

shateamPlayz_YT · March 24, 2020, 3:52pm

Wow thank you for all this help i appreciate it.