What is the spacing of the grid row gap? 1px 30px 50px 100px
New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter3: Designing A Page Layout: Creating A Website For A Chocolatier
Section: Chapter Questions
Problem 13CP3
Related questions
Question
Use the given HTML documents to answer the following questions.
<doctype html>
<Html>
<head>
<title>Page Title</title>
<style>
.grid. Container {
Display: grid;
Grid-gap: 50px 100px ;
Grid-template- columns: auto auto auto;
Background-color: blue;
Padding: 10px;
}
.grid-box {
background-color: red;
border: 1 px;
padding: 20px;
font-size: 30px
}
</style>
</head>
<body>
<h1>book at my grid:<</h1>
<div class “grid-container”>
<div class “grid-box”>1</div>
<div class “grid-box”>2</div>
<div class “grid-box”>3</div>
<div class “grid-box”>4</div>
<div class “grid-box”>5</div>
<div class “grid-box”>6</div>
</div>
</body>
</html>
What is the spacing of the grid row gap?
- 1px
- 30px
- 50px
- 100px
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
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
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning