Reference no: EM133152865
You have already created the website plan and started creating the HTML pages for your personal portfolio website in Chapter 1 through Chapter 3. You now need to create a style sheet to format your website.
Perform the following tasks:
Open your template.html file and update the nav element to use an unordered list instead of a paragraph element for the links. Wrap each anchor within a list item. Remove any special characters used between navigation links. Make the same change to all HTML files used within your website.
Create a subfolder named css within your portfolio folder. Create a style sheet for your website inside your css folder. Add a comment at the top of the style sheet that includes your name (firstname lastname), the current date (MM/DD/YYYY), and the file name.
Add a CSS reset style rule as the first style rule in the style sheet. Include a comment above the style rule to note its purpose. Include all major selectors used within your website for your CSS reset.
Update your HTML files and style sheet to make responsive images. This includes removing height and width attributes from image elements and creating a style rule that sets a max-width to 100%. Also display image elements as a block.
Link all of your webpages to your style sheet. Nest the link element within the head element, below the meta element.
In your style sheet, create a minimum of 12 style rules. Style the nav to remove the bullet marker. Include at least one id and one class selector. Specify at least one font-family declaration and include fallback values. Remove the underline from all links. Use a high color contrast to ensure content is readable. Include comments to note where styles rules for header, nav, main, and footer begin.
Validate your style sheet and correct any errors.
Review all pages within your website to ensure they appear as intended.
In this assignment, you used CSS to style your personal portfolio website. Did you try to center an image with the text-align property? Research how to center an image element.
Task
When you have completed the assignment, check this task, open the task list and submit your work to your instructor.