Challenge
Note
You can write the code in the
styles.css
file of the following sandbox. To see the rendered page, drag it from the right edge of a sandbox window.
Task
This challenge will review the selectors and cascade concepts we learned in the section. The task is to complete the following steps :
- Using a list of selectors, change the text alignment to
center
in both<h1>
and<h2>
. - In the
<div>
withclass
"welcome"
, change the background color to#f6f2f2
. - Set the bottom margin of a
"welcome"
<div>
to50px
. - Set the left padding to
30px
for the paragraphs that are direct children of the"welcome"
class
. - Change the text color of a heading inside a
"welcome"
class
to#800000
. - For item with
id="important"
set the font size to20px
. - Using the adjacent sibling selector, set the font style of the paragraph adjacent to the
#important
item to italic.
Here is the result you should get. If you are having problems, you can drag the code part with a solution from the left edge of a sandbox window
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 5.26
Challenge
Свайпніть щоб показати меню
Note
You can write the code in the
styles.css
file of the following sandbox. To see the rendered page, drag it from the right edge of a sandbox window.
Task
This challenge will review the selectors and cascade concepts we learned in the section. The task is to complete the following steps :
- Using a list of selectors, change the text alignment to
center
in both<h1>
and<h2>
. - In the
<div>
withclass
"welcome"
, change the background color to#f6f2f2
. - Set the bottom margin of a
"welcome"
<div>
to50px
. - Set the left padding to
30px
for the paragraphs that are direct children of the"welcome"
class
. - Change the text color of a heading inside a
"welcome"
class
to#800000
. - For item with
id="important"
set the font size to20px
. - Using the adjacent sibling selector, set the font style of the paragraph adjacent to the
#important
item to italic.
Here is the result you should get. If you are having problems, you can drag the code part with a solution from the left edge of a sandbox window
Дякуємо за ваш відгук!