The following image shows the background color for various elements in index.html.

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

body {

}

.cb-title {

}

.bb-title {

}

.cb-btm {

}

.bb-btm {

}

Part Two
The following image shows the background color for various elements in index.html.
Box Model
#D1BCES
cao
Content Box
FE
Border Box
FEFREF
• Complete the style rules in color-styles.css to match the color scheme shown above.
You will also need to consider text color to complete this task.
• The overflow issue is more apparent after applying a background color
вох МODEL
Cot B
Bu
• Add a style rule in the embedded style sheet that applies a scroll functionality to divs to
solve the overflow issue
Part Three
• Create a paragraph tag nested inside a div underneath the second card
• In a few sentences explain why we experienced an overflow of content in the first card
but not the second card. You must mention both elements that caused an overflow and
include details about how the box model and box sizing property relate to this problem
o Put this response inside the paragraph tag
Use the appropriate classes to center the paragraph's parent div inside the body
O Hint: use 2 classes from box-styles.css
Transcribed Image Text:Part Two The following image shows the background color for various elements in index.html. Box Model #D1BCES cao Content Box FE Border Box FEFREF • Complete the style rules in color-styles.css to match the color scheme shown above. You will also need to consider text color to complete this task. • The overflow issue is more apparent after applying a background color вох МODEL Cot B Bu • Add a style rule in the embedded style sheet that applies a scroll functionality to divs to solve the overflow issue Part Three • Create a paragraph tag nested inside a div underneath the second card • In a few sentences explain why we experienced an overflow of content in the first card but not the second card. You must mention both elements that caused an overflow and include details about how the box model and box sizing property relate to this problem o Put this response inside the paragraph tag Use the appropriate classes to center the paragraph's parent div inside the body O Hint: use 2 classes from box-styles.css
Expert Solution
steps

Step by step

Solved in 2 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