Exercise 2 Using an EXTERNAL CSS, design the cookies recipe page that you have created in the last labs. Try to think of which selectors you may use and add id and class attributes to the elements accordingly. Styling instructions: First, remove the style rule that you created in the last exercise. It is not elegant! Use different types of selectors that we have covered in the lecture (no need to use the universal). Use w3schools or any CSS source of your preference and try to learn and implement new style rules. It is a self-learning space. Style the background of your HTML elements. You can use background images or colors. Style the font of your different HTML elements. Change the size, color, font and text style. Try different settings for padding, border & margin of

elements. Try something fun! Can you make the background color of

element changed only when the mouse goes over this heading? Exercise 2 1. Now let's take one big step from the last exercise. Create a web page similar to the following in the screen shot as much as you can. Here are some hints about the used elements. Also, you are free to go back to your sides, notes, or any online resources for help. Cookies Recipe C F C/Users/Sara/Documents Courses/15202.20:20 Development. 20/LAB/01 Title CHOCOLATE CHIP COOKIES RECIPE Heading image Link This delicious recipe is from Neide Tour INGREDIENTS Special Character 2 cups all purpose flow 1 tsp baking soda 1 up at 200g buttet, softened cupgrated cup brown Paragraph I tilla extract 2tare 3 cups Set-Smeet Chocolate chip INSTRUCTIONS 1. Prelate to 180C 2. Combite floor has soda & saltimbot 3 Beat button outly Allega, et me 5. Gradually add Burma 6 Ads Chocolate chips and 7 Bake fort 11 List Horizontal Line Visit my social media account for more recipes Clickable images Page 15