Independent Challenge 1 The layout of the Spotted Wren Garden Center website has been updated to Wora ge Sarah Nguyen, has asked you to make the layout responsive to take work on smaller screen s2 better advantage of larger displays Data Files for this unit, save it as a. In your editor, open HTM 1-S.html from the IC1 folder where you store your Da index.html, then repeat to save HTM_1-6.css as styles.css. name and today's date where indicated, then save the files. Open window to its narrowest width, es.css. In the comment at the top of each file, a browser, resize the browser files. O index.html in then resize it to its widest width while observing the layout. b. Return to styles.css in your editor, then above FIGURE 1-25 the print styles section, add the text small screen/tablet styles as a comment. Below the new comment, create a media query that applies to devices with screens when the browser window has a Spotted Wren minimum width of 500px, or to printed output. Hours Within that media query, add a style rule for the figure element that sets display to block. Save your changes, refresh or reload index.html Specials Annuals 50% or Ali Pansies and Mums Tropicals Buy Two Succulents (auart size). Get Mon 8am-8pm Tue 8am-8pm Wed 8am-5pm Thu 8am-8pm Fri 8am-8pm Sat 9am - 6pm Sun 11am-6pm in your browser, resize the browser window to its narrowest width, then resize it to at least 500px wide and verify that the purple coneflower image and caption shown in FIGURE 1-25 are displayed. (Note: The layout will not match that shown in FIGURE 1-25.) One Free 25% Of All Palms 20% Off Orchids Purple Coneflower Perennlals 50% of Roses 548 N seth St. . Omaha, NE 68 132 402) 555-9736 Independent Challenge 1 The layout of the Spotted Wren Garden Center website has been updated to Wora ge Sarah Nguyen, has asked you to make the layout responsive to take work on smaller screen s2 better advantage of larger displays Data Files for this unit, save it as a. In your editor, open HTM 1-S.html from the IC1 folder where you store your Da index.html, then repeat to save HTM_1-6.css as styles.css. name and today's date where indicated, then save the files. Open window to its narrowest width, es.css. In the comment at the top of each file, a browser, resize the browser files. O index.html in then resize it to its widest width while observing the layout. b. Return to styles.css in your editor, then above FIGURE 1-25 the print styles section, add the text small screen/tablet styles as a comment. Below the new comment, create a media query that applies to devices with screens when the browser window has a Spotted Wren minimum width of 500px, or to printed output. Hours Within that media query, add a style rule for the figure element that sets display to block. Save your changes, refresh or reload index.html Specials Annuals 50% or Ali Pansies and Mums Tropicals Buy Two Succulents (auart size). Get Mon 8am-8pm Tue 8am-8pm Wed 8am-5pm Thu 8am-8pm Fri 8am-8pm Sat 9am - 6pm Sun 11am-6pm in your browser, resize the browser window to its narrowest width, then resize it to at least 500px wide and verify that the purple coneflower image and caption shown in FIGURE 1-25 are displayed. (Note: The layout will not match that shown in FIGURE 1-25.) One Free 25% Of All Palms 20% Off Orchids Purple Coneflower Perennlals 50% of Roses 548 N seth St. . Omaha, NE 68 132 402) 555-9736