Question: Instructions In this assignment, you are given a pre-created HTML-only web site and instructions on what CSS to write to style it. For this assignment,

Instructions In this assignment,

you are given a pre-created HTML-only web site and instructions on what CSS to write to style it.

For this assignment, you will only need to make changes to the style.css file.

Do not make any changes to the index.html file.

Please add the following styles to the given web pages:

On the body... Set the font-family to sans-serif

On the nav... Align the text to the right Remove the list style (ie, the bullet points)

On all li in the nav... Add 1em of margin to the left of each item Set all items to display inline

On all a in each li in the nav... Remove the text decoration Set the text color to black

On each section... Set the maximum width to 800px Set the margin so that there is a 3m space above and below the section and automatically set to the left and the right (which centers the section on the page)

On the hero-section...

Override the margin to be bigger than the default section - 10em top and bottom, and auto left and right so that it centers the section on the page

On all HTML elements with the class text-youngstown-red... Set the color of the text to red

On the goal-section... Align the text center

On the technology-list... Align the text center

Remove the bullets by setting the list-style to none

Remove both the padding and margin that comes with lists by default by setting them to 0

On every li in the technology-list... Set the display to inline so that they display next to each other, instead of above/below each other

On every img in every li in the technology-list... Set the max-height to 100px so that the images are all the same height

Set the max-width to 100%, so that the images will always be smaller than the size of the screen

Set the margin around each img to .5em

On each specialization-card...

Add a border that is 1px wide, and solid grey

Add a border-radius of 4px to round the corners

Add a padding and margin of 1em

On the contact-section... Align the text center Set the max-width to 400px

On the contact-form-buttons...

Align the text right On the footer...

Align the text right Set the color to grey

Create a html "style.css" code for the following instruction

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!