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 linkelement 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.