Question: COMP1850 :: HOMEWORK 05 Intro to Web development OBJECTIVE Build a responsive layout using both Flex and Grid box REQUIREMENTS Re-create a layout with the

COMP1850 :: HOMEWORK 05 Intro to Web development OBJECTIVE Build a responsive layout using both Flex and Grid box REQUIREMENTS Re-create a layout with the same basic orientation and responsive qualities as the homepage of this website: https://cbc.ca/ Your layout should include the following segments of content from the original site: - The header, navigation at the top (navigation links dont need to work) - Welcome To CBC.ca - CBC News - My Local - More From CBC - Footer First plan out your strategy for the structure of the HTML, keeping in mind the capabilities of the linear Flexbox and 2-dimensional Grid box. Use the most semantic tags possible, but remember the semantic free div can be very useful for re-organizing parent-child relationships for flex/grid layouts. Use your browser tools to help you measure the various breakpoints for your media queries. Test the original site thoroughly. Key requirements: - In wide browsers layout is fixed width centered - As viewports get thinner, content is fluid in width - Content re-orients to single column stack over at least 3 stages: 1 full width with four columns 2 mid width with three columns 3 thin-most with one column Ensure this homework page can be found when a user visits your web space on bcitcomp.ca. For example either make this page the new index.html homepage or provide a link on your old index.html to your homework #5 page. NOTES You do NOT need to populate this layout with actual content not even images. Basic place holder text is fine to demonstrate your layout works. SUBMISSION Assigned: Session 9 Due: 11:59pm the night before Session 10 Homework must be published to bcitcomp.ca before the due date.

here is the layout which has to be re-created:

Not the CBC

Bonus Nav Bar

This
That
The Other

Welcome To CBC

Main article

Lesser article 1

Lesser article 2

Lesser article 3

Lesser article 4

Lesser article 5

Lesser article 6

Follow CBC

Social Media Icons

Subscribe with email

Kids News

CBC News

Article 1

Article 2

Article 3

Article 4

My Local

Article 1

Article 2

Article 3

Article 4

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!

PLEASE READ CAREFULLY THE CASE STUDY PROVIDED AND FEEL FREE TO ADD HERE YOUR COMMENTS FOR EXAMPLE LIKES DISLIKES WORDS OR PHRASES YOU DO NOT UNDERSTAND ANY COMMENTS THAT WILL IMPROVE THE DIALOGUE...

Introduction to Ridgeline Mountain Outfitters (RMO) Ridgeline Mountain Outfitters (RMO) is a large retail company that specializes in clothing and related accessories for all types of outdoor and...

5, Putting Together an Evaluation Matrix An evaluation plan is a written document that describes the cWill/mat\Questions to ask yourself when putting together an evaluation matrix: Evaluation...

The discussion will focus on management decision-making and control in two companies, American corporation Amazon.com, Inc. and Chinese company Alibaba Group Holding Limited. Decision-making and...

S Chapter 7 Homework Accepi Intro You've assembled the following portfolio: Stock Beta Portfolio weight The expected market return is 8% and the risk-free rate is 2%. Assume that the CAPM holds. Part...

9:50 K Chapter 7 Homework Accepi Problem 4 K Intro Use the expected return-beta equation from the CAPM. Part 1 7 8 Attempt 1/10 for 10 pts. What is the expected return for a stock if the risk-free...

English (United States) (en_us) ~ 02905-COLLEGE MATHEMATICS Dashboard / My courses / UCLM-MATH 100-02905 / FINAL PART 1 / F.Q3 The distribution of scores for a final exam in math had the following...

S Chapter 13 Homework Accepi Part 2 B B Attempt 1/10for 10 pts. You now think that dividends will grow by 3% from year to year. What is the intrinsic value of ABC stock? 2+ decimals Part 3 B [...

The Wolverine 2013 Full movie x Course Schedule - SPT-111-08 x Assignments Do Homework - M1 Intro to Max G Question content area bottom +...

CSL Ltd is calculating one of its employee benefits liabilities. Justin Lachal is one of the lab assistants at CSL Ltd head office. As a payroll accountant, you are asked to calculate Justin's...

Tully Advisory Inc. (Tully) operates out of two office spaces, one in Torontos west end and one in Torontos east end. It has the following 2022 opening UCC balances: Class 1 (both buildings)...

If we acquire inventory but do not pay for it until 6 0 days later, the accounts payable period is 3 0 days 6 0 days 9 0 days 1 2 0 days

Seved Help 14 Wisconsin Snowmobile Corp. is considering a switch to level production Cost efficiencies would occur under level production, and aftertax costs would decline by $31,500, but inventory...

Holding national saving constant, does an increase in net capital outflow increase, decrease, or have no effect on a countrys accumulation of domestic capital?

An article in USA Today (December 16, 2004) began President Bush said Wednesday that the White House will shore up the sliding dollar by working to cut record budget and trade deficits. a. According...

International trade in each of the following products has increased over time. Suggest some reasons this might be so. a. wheat b. banking services c. computer software d. automobiles