use visual studio code and write the html and css

show all steps

Exercise 3: Restaurant Webpage Use HTML and Linked CSS Style to design a webpage for your favorite restaurant similar to the one below. Collect resources for your favorite restaurant from the internet. Define a default font stack to be as follows: Kristen ITC then calibiri then Time New Romans. Place the menu items to be in a table like format. Design the table row to be responsive using flexbox for menu items if screen size shrinks. In this example, you need to use id, class and descendent selectors whenever applicable to avoid redundancy and to better address the elements for styling. Note here that these measurements are best for 50% zooming on the browser so feel free to adjust it based on zooming level you specify. Check webpage demo. TM m. I'm lovinit m McDonald's Our Menu Cream Burger (5 SAR) Veggie Burger (20 SAR Cheese Burger (25 SAR) Chicken Burger (20 SAR) Design Details: i'm lovin'it Logo has absolute position McDonald's h1 Our Menu* Font: Kristen ITC size is 15 pt Cream Burger OSAR verse Burger (20 SAR Cheese Burger (15 SAR Chicken Burger (20 SARI image flexbox Centered cells Margins on left & right is auto 1000 Top: 16% i'm lovin' it 180 Left:35% McDonald's 180 Our Menu 250 Cream Burger 5 SAR Veggie Burger (20 SAR) Cheese Burger (25 SAR) Chicken Burger CO SARI 1000 350 How it looks without flexbox Our Menu Cream Burger (5 SAR Veggie Burger (10 SAR Cheese Bur How it looks with flexbox Our Menu Cream Burger (S SAR) Veggie Burger (10 SAR) Cheese Burger (15 SAR) Chicken Burger (20 SAR) Answer: CSS File: HTML file Exercise 3: Restaurant Webpage Use HTML and Linked CSS Style to design a webpage for your favorite restaurant similar to the one below. Collect resources for your favorite restaurant from the internet. Define a default font stack to be as follows: Kristen ITC then calibiri then Time New Romans. Place the menu items to be in a table like format. Design the table row to be responsive using flexbox for menu items if screen size shrinks. In this example, you need to use id, class and descendent selectors whenever applicable to avoid redundancy and to better address the elements for styling. Note here that these measurements are best for 50% zooming on the browser so feel free to adjust it based on zooming level you specify. Check webpage demo. TM m. I'm lovinit m McDonald's Our Menu Cream Burger (5 SAR) Veggie Burger (20 SAR Cheese Burger (25 SAR) Chicken Burger (20 SAR) Design Details: i'm lovin'it Logo has absolute position McDonald's h1 Our Menu* Font: Kristen ITC size is 15 pt Cream Burger OSAR verse Burger (20 SAR Cheese Burger (15 SAR Chicken Burger (20 SARI image flexbox Centered cells Margins on left & right is auto 1000 Top: 16% i'm lovin' it 180 Left:35% McDonald's 180 Our Menu 250 Cream Burger 5 SAR Veggie Burger (20 SAR) Cheese Burger (25 SAR) Chicken Burger CO SARI 1000 350 How it looks without flexbox Our Menu Cream Burger (5 SAR Veggie Burger (10 SAR Cheese Bur How it looks with flexbox Our Menu Cream Burger (S SAR) Veggie Burger (10 SAR) Cheese Burger (15 SAR) Chicken Burger (20 SAR) Answer: CSS File: HTML file