g. Validate your HTML webpage using the W3C validator found at validator.w3.org and E errors that are identified. h. Identify other ways to style a pseudo-class and provide an example, In the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what y learned in the chapter, Lab 3 requires you to dive deeper into a topic covered in the chapt Lab 1: Designing for Tablet and Desktop Viewports for the New Harvest Food Bank Problem: You volunteer at a local food bank called New Harvest Food Bank that collects commu- nity food donations and provides food and other services to those in need. The company has asked you to create a responsive website. Start with the flistyles.css and index.html files you completed in Chapter 5. You have already created the mobile layout, but now need to design a tablet and desktop layout. Style the webpage shown in Figure 658 for the tablet viewport and shown in Figure 6-59 for the desktop viewport. cameras. Say not be copint, sans or tipsted, whole or input WCH 2.200.202 Analyze Correct. Improve NE HTM O BI 5:00 3/13 B R G . New Harvest Food Bank Hone About Volunteer Contact Too many people in our local community go to bed hungry, many of whom are children. We can change those statistics, but we need your help New Harvest Food Banke is proud to help and support our local community. Through your donations we are able to help feed those in need. Please partner with us and help those in your local community with food donations, clothing donations, or by volunteering your time -Lab Designing for Tablet and Desktop Viewports for the New Ne HTM O BP 50C 3/13/ U O . * Become adet/6b25-9107:43d5-5491-6874492001/page/page-4017006:7(53-461c-sebb-7060070826ec 3 Web Design with HTML5 and CSS3: Comprehensive, 8th Edition TY Quick Tour Print Search Annotations Accessibility E HTML 302 HTML Chapter 6 Responsive Design Part 2: Designing for Tablet and Desktop Devices STUDENT ASSIGNMENTS

New Harvest Food Bank is proud to help and support our local commu- nity. Through your donations, we are able to help feed those in need. Please partner with us and help those in your local community with food donations, clothing donations, or by volunteering your time.

5. In the flistyles.cs file, modify the comment at the top of the page to indude today's date. 6. In the flotylek.ess file, create a media query for a tablet viewport and use min-width: 481px 7. Add the following style rules to the tablet media query and include comments for cach, width: 256 float: letti 3 header P margin-bottom om MIM100 5:00 PM VI1202 DOL Y D B N M