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/), 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.