Need help with code repo 20.2 for web dev course | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

Need help with code repo 20.2 for web dev course

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

23rd Mar 2022, 7:20 AM
Stacey Prahl
Stacey Prahl - avatar
4 Answers
+ 3
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"
23rd Mar 2022, 9:48 AM
Ipang
+ 2
Non PRO users can't access PRO features, so ... what doesn't work? what help was needed?
23rd Mar 2022, 7:26 AM
Ipang
0
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:
23rd Mar 2022, 8:23 AM
Stacey Prahl
Stacey Prahl - avatar
- 1
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.
8th Dec 2022, 2:00 PM
Worku Tamire