Lab 4

Part I 

Test your code with the HTML validator

    -    The problem it highlighted was that I have not yet used a language attribute in my html start tag. 

    -    This problem was easily resolved. 

Test your code across three browsers

    -    The browsers I used were Google Chrome, DuckDuckGo and Safari. All three appeared the same and I didn't face any issues. 

Part II – Web Development Tools 

1.

• The page looks poorly suited to a mobile device. Most of the website sits at the top of the screen and when it is turned to a horizontal view it is still poorly laid out. 

• When developing my website I will use this tool to test if my website is well adapted for mobile devices.

2. 

Firefox has the Firefox Developer Tool which inspect and edit HTML/CSS live, debug JavaScript in real-time, analyse network activity and performance and view responsive layouts for different screen sizes.

Google Chrome Lighthouse is a website auditing tool built into Chrome DevTools, but also available as a standalone extension. With it you can analyses page performance, accessibility, SEO, and more, gives detailed reports and suggestions for improvement, helps test progressive web app (PWA) compatibility.