Write the markup to create the layout based on the following criteria: When browsed in desktop, there will be 3 columns with each column appear in the ratio 2:4:6. When browsed in mobile, the first column will occupy 100% of the width while the second and third columns will appear in the ratio of 4:8. [Note: Write the markup starting from the tag. Write some dummy text in each of the columns.] (i)

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

HTML Practice Question *this is not an exam question

Please help thank you

Write the markup to create the layout based on the following criteria:
When browsed in desktop, there will be 3 columns with each column
appear in the ratio 2:4:6. When browsed in mobile, the first column will
occupy 100% of the width while the second and third columns will
appear in the ratio of 4:8. [Note: Write the markup starting from the
<div> tag. Write some dummy text in each of the columns.]
(i)
Transcribed Image Text:Write the markup to create the layout based on the following criteria: When browsed in desktop, there will be 3 columns with each column appear in the ratio 2:4:6. When browsed in mobile, the first column will occupy 100% of the width while the second and third columns will appear in the ratio of 4:8. [Note: Write the markup starting from the <div> tag. Write some dummy text in each of the columns.] (i)
(ii)
When browsed in desktop, there will be 3 columns with each column
occupying 33.3% of the width. When browed in mobile, all the columns
are always stacked. [Note: Write the markup starting from the <div> tag.
Write some dummy text in each of the columns.]
Transcribed Image Text:(ii) When browsed in desktop, there will be 3 columns with each column occupying 33.3% of the width. When browed in mobile, all the columns are always stacked. [Note: Write the markup starting from the <div> tag. Write some dummy text in each of the columns.]
Expert Solution
steps

Step by step

Solved in 4 steps

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY