Need help with code repo 20.2 for web dev course

Question

I can't get the form and other parts to take effect. I put i the css coding, but nothing has changed

https://code.sololearn.com/WqAmMfhcZSTW/?ref=app

Answer 1

Task #2.
Set the background color of the whole page to #e0e0e0. This can be done by targeting the body element.

Problem:
CSS tab line 2 has "background-position" not "background-color"

Task #3.
For our section with the form: give it an id="buy" attribute

Problem #1:
<section> element in HTML tab line 41 has no id attribute. You need to add that id atrribute for the <section> at line 41.

Other problems:
- Set the background color to #687373;
- CSS tab line 29 has "687373" not "#687373"

- Provide 10px top margin.
- CSS tab line 30 has "margin" not "margin-top"

- Change the color of the text to #fcfcfc
- CSS tab line 31 has "red" not "#fcfcfc"

Answer 2

Non PRO users can't access PRO features, so ... what doesn't work? what help was needed?

Answer 3

Let's add some background colors to our containers.

Tasks:
1. Set the background color of the section elements white.
2. Set the background color of the whole page to #e0e0e0. This can be done by targeting the body element.
3. For our section with the form: give it an id="buy" attribute, so you can target it specifically. Then apply the following styles:
- set the background color to #687373;
- provide 10px top margin.
- change the color of the text to #fcfcfc;

Hint: Remember, targeting by id is done using the following syntax:

Answer 4

Styling Lists

We have one bulleted list on our page for the Transport section.
Let's add some styling to it!

Tasks:
1. Change the round bullets to squares.
2. Change the position of the bullets to be inside the items.
3. Add 30px padding to the left of the list.
Hint: The bullet type of the list can be changed using the list-style-type property, while their position - using list-style-position.