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
Get step-by-step solutions from verified subject matter experts
