Build Your First Website with HTML and CSS Quiz

Quiz: final project and publishing

Pass mark: 70%. You can retry as many times as you need.

1 What is the main benefit of sketching the page on paper and writing a project brief before coding? Single answer It makes the browser load the page faster It replaces the need to test the site It lets you make decisions cheaply and avoid rewriting code later It is required by search engines

2 In the portfolio code, which choices make the page adapt to different screens? (several answers) Multiple answers possible A header using Flexbox with flex-wrap: wrap A gallery using repeat(auto-fit, minmax(16rem, 1fr)) A container with width: 1200px A min-width media query that switches the hero to two columns

3 Your images show on your computer but are broken once the site is online. The file is images/Hero.JPG and your HTML says images/hero.jpg. What is the most likely cause? Single answer The host blocks JPEG images Paths are case-sensitive on the server, so the capitalization does not match The image is too large for the lazy loading attribute The alt attribute is missing

4 Which items belong on your pre-publication checklist? (several answers) Multiple answers possible Validate the HTML and fix errors Upload private notes such as BRIEF.txt so you can find them later Check the whole site with the keyboard alone Look for 404 errors in the Network panel

5 Your static portfolio has a contact form, but the visitor’s message never reaches you. Why, and what should you do? Single answer Connect the action to a service or script that receives the data, and inform visitors how it is used Add more CSS to the form; styling makes it send data Change the input type to text Nothing: browsers send forms by email automatically