Question: Hello, I have posted this same question before but I did not get an answer to help me as I needed. I have posted additional

Hello,

I have posted this same question before but I did not get an answer to help me as I needed. I have posted additional context here. This is the task I am supposed to complete for my web development homework with the error message I am receiving as well as the code I currently have.

Create a style rule for anchor elements within the main element that sets the font color value to #47476b, removes the underline, sets a font-weight value of bold, and sets a font style value of italic.

Adjust the width value for the css1, css2, and css3 id selectors so that they appear next to each other horizontally.

rgba(0, 0, 238, 1) underline solid rgb(0, 0, 238) 400 normal Traceback (most recent call last): File "nt-test-344d0563.py", line 16, in  assert(elm.value_of_css_property('color') == 'rgba(71, 71, 107, 1)') AssertionError
from selenium import webdriver options = webdriver.ChromeOptions() options.add_argument('--headless') options.add_argument('--no-sandbox') driver = webdriver.Chrome(options=options) driver.get('{{localhost}}/index.html') driver.implicitly_wait(1) try: elm = driver.find_element_by_css_selector('main a') print(elm.value_of_css_property('color')) print(elm.value_of_css_property('text-decoration')) print(elm.value_of_css_property('font-weight')) print(elm.value_of_css_property('font-style')) assert(elm.value_of_css_property('color') == 'rgba(71, 71, 107, 1)') assert('none' in elm.value_of_css_property('text-decoration')) assert(elm.value_of_css_property('font-weight') == '700') assert(elm.value_of_css_property('font-style') == 'italic') finally: driver.close()

#containerDiv { width:100%; display:flex; } #css1, #css2, #css3 { width: 30%; display: inline-block; padding: 0 1%; }

footer { text-align: center; font-size: 0.85em; color: #47476b; padding: 1% 0; border-top: 3px solid #47476b; clear: left;

}body { padding 2%; background-color: #d1d1e0;

} main { padding: 2%; font-family: Geneva, Arial, sans-serif; overflow: auto; color: #47476b; text-decoration: none; font-weight: bold 700; font-style: italic;

} header h1 { font-size: 3em; font-family: Georgia, Times, serif; color: #47476b; text-align: center;

} nav { background-color: #47476b; text-decoration: none; text-align: center; } nav ul { margin: 0;}

nav li { display: inline-block; font-size: 1.5em; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none;

} nav li a { display: inline-block; color: #e3eaf8; padding: 0.5em 2em; text-decoration: none; }

main p { font-size: 1.25em; overflow: auto; font-style: normal; font-weight: normal; } main h3 { padding-top: 2%; font-size: 2em; }

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!