Question: 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

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

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

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

Scenario: You want to apply for an IT job when you finish your course and you have heard that a local company recruits IT specialist. As part of your job application, you are going to produce a...

please do so how written AND cover all criteria !!!!! Create a template webpage using (X) HTML and cascading style sheet (CSS) !!!!! NOTE TASK 1 DESIGN = Quality Web Content - Clear, User-friendly...

use visual studio code show all steps Exercise 1: Personal Profile webpage using visual studio code a) Use HTML to design a personal profile webpage that should have custom content that applies to...

HELLO THIS TASK IS VERY IMPORTANT TO ME please do so how written AND cover all criteria NOTE TASK 1 DESIGN = Quality Web Content - Clear, User-friendly Navigation - Accessibility - Usability NOTE...

can you please help me solving this it is E- Commerce Cours TRY IT OUT Writing Your First CSS In this Try It Out you will write some CSS that changes the appearance of a header and two paragraphs....

Need help with this HTML exercise. Here's the instruction. Thanks for helping ...Please answer asap and explain in details. In this assignment I need to create a web page about your favorite sports...

CIS 1 4 5 Term Project: Your Resume Website Project Requirements ( 1 0 0 marks ) Purpose To design, develop, and publish a web site on your resume using recommended design practices. Your web site...

Assignment 3: Server-Side Introduction Description and purpose: Specifications / Instructions Make sure you make a proper .gitignore to ignore anything that is not part of your site and commit to...

*Create a webpage that looks like the screenshot below. Please write an HTML5 program that looks like the picture below 1-Write HTML code to develop a web page having title My Page. 2- using a...

Create an HTML and CSS page: No tags in the HTML code. Do not use pixels (px). Use em, percent, and etc. HTML Starter Code: You are asked to build out a model call to action web page featuring three...

A single-phase power system is shown in Figure P3-1. The power source feeds a 100-kVA 14/2.4-kV transformer through a feeder impedance of 38.2 +j140 2. The transformer's equivalent series impedance...

If for all x, write a formula for b8.

Which statement is NOT true about a balance sheet? Question 6 options: a ) It provides proof that Assets = Liabilities + Owners' equity. b ) It lists the current, fixed, and intangible assets. c ) It...

Please help! When Crossett Corporation was organized in January, Year 1, it immediately issued 4100 shares of $53 par, 8 percent, cumulative preferred stock and 9,000 shares of $7 par common stock....

1. On balance, do you think networking is best thought of as a way to meet interesting people or a way of using people to get what you want?

2. Have you ever been offended by someone seeking to network with you? If so, what was it about the interaction that bothered you?

3. Have you ever felt good or been flattered by someone seeking to network with you? What did the person do to make you feel good about the interaction?