Challenge
This task isn't obligatory to complete the course!
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
- Change the font to:
Arial
for the heading;sans-serif
for the paragraph.
- Change the color of a text to:
#ff8a00
for the heading;- white for the paragraph.
- Change the size of a font to:
36px
for the heading;16px
for the paragraph.
- Add padding and margin to the heading and paragraph:
20px
padding and20px
margin to all sides for the heading;10px
padding and20px
margin to all sides of the paragraph.
- Set the background color of the body to
#524c4c
.
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 the sandbox window.
Thanks for your feedback!
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
Ask me questions about this topic
Summarize this chapter
Show real-world examples
Awesome!
Completion rate improved to 5.26
Challenge
Swipe to show menu
This task isn't obligatory to complete the course!
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
- Change the font to:
Arial
for the heading;sans-serif
for the paragraph.
- Change the color of a text to:
#ff8a00
for the heading;- white for the paragraph.
- Change the size of a font to:
36px
for the heading;16px
for the paragraph.
- Add padding and margin to the heading and paragraph:
20px
padding and20px
margin to all sides for the heading;10px
padding and20px
margin to all sides of the paragraph.
- Set the background color of the body to
#524c4c
.
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 the sandbox window.
Thanks for your feedback!