Question 2: Look at the code given in table 1, Write style rules for displaying the flexbox items in the order shown in Figure 1. Where the width and height of each flexbox item is 50px and 40px respectively. Each item has a 1px solid black color border and for the background color, the value of the color is #4682B4, Table 1: HTML CODE Figure 1: After applying the CSS rules the items appear in this order 1 2 3 4 5 6 7
Question 2: Look at the code given in table 1, Write style rules for displaying the flexbox items in the order shown in Figure 1. Where the width and height of each flexbox item is 50px and 40px respectively. Each item has a 1px solid black color border and for the background color, the value of the color is #4682B4, Table 1: HTML CODE Figure 1: After applying the CSS rules the items appear in this order 1 2 3 4 5 6 7
Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
Related questions
Question
Look at the code given in table
1, Write style rules for displaying the flexbox
items in the order shown in Figure 1. Where the
width and height of each flexbox item is 50px and
40px respectively. Each item has a 1px solid black color border and for the background color, the value
of the color is #4682B4,
Transcribed Image Text:Question 2: Look at the code given in table
1, Write style rules for displaying the flexbox
items in the order shown in Figure 1. Where the
width and height of each flexbox item is 50px and
40px respectively. Each item has a 1px solid black color border and for the background color, the value
of the color is #4682B4,
Table 1: HTML CODE
<!DOCTYPE html>
<html>
Figure 1: After applying the CSS rules the items appear in this
<body>
order
<div id="container">
<div class="box box1">1</div>
<div class="box box2">2</div>
<div class="box box3">3</div>
<div class="box box4">4</div>
<div class="box box5">5</div>
<div class="box box6">6</div>
<div class="box box7">7</div>
</div>
</body>
</html>
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 3 steps with 2 images
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Recommended textbooks for you
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education