Time to Style explainer

Aim of the puzzle: Add custom styles to your webpage.
Walk through of solution: In the CSS tab, some rules have been added for you, but the page is not yet complete.

To complete the puzzle:

In the body ruleset:

  • Set the background-color to rgb(232, 246, 255)

In the h1 ruleset:

  • Set the color to rgb(255, 140, 0)

In the button ruleset:

  • Set the border-radius to 5px

Then, add a new ruleset with img as its selector. For example:

img {

}

Inside the img ruleset:

  • Set the width to 200px
  • Set the height to auto

CSS Concepts: Rulesets, Rules, Selectors, Image Resizing, RGB colors

41%20PM

I’ve added border-radius: 5px; to the button ruleset, and I’m stumped why it won’t accept it!

Hey there, I’ve spent the afternoon fixing this bug, which appears to affect users on MS Edge and Firefox.

This puzzle’s completion logic works by querying the webpage for the button elements and then checking their borderRadius attribute to make sure they are set to 5px.

On Edge and Firefox, however, this attribute isn’t used, opting instead to set the radius of each corner individually. Therefore, the completion logic is checking the wrong thing.

We’ll have the fix released soon, so thanks for your patience! If you want to try completing it sooner, you can try temporarily switching browsers. I can confirm that the puzzle completes properly on Chrome and Safari.

Hope this helps! Let me know if you have any questions.
Ben

Thank you! I was going crazy.

I have the same issue with Firefox 69.0.2 (64-bit) on Ubuntu 18.04 LTS. Good to know you are working on fix!

Works with Chromium browser, thanks!


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

Hey did you did you find the solution? @Garrett_Green

https://youtu.be/piWuG4zbJC8 @Garrett_Green

1 Like

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

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

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

Not sure why Im getting line errors:

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

what is the problem in my code?

Hey there, please see this post.

-Ben

thanks
i have decide this puzzle already

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