Cycle 02

Lab Cycle 2 — CSS Styling

5 Questions
Question 04 of 05

CSS Grid Layout

Problem Statement

Create a grid layout using CSS Grid with 3 columns and 2 rows.

C++ 
<!DOCTYPE html>
<html>
<head>
<style>
    .grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        padding: 10px;
    }
    .cell {
        background-color: #C2A68C;
        padding: 20px;
        text-align: center;
    }
</style>
</head>
<body>
    <div class="grid">
        <div class="cell">1</div>
        <div class="cell">2</div>
        <div class="cell">3</div>
        <div class="cell">4</div>
        <div class="cell">5</div>
        <div class="cell">6</div>
    </div>
</body>
</html>
Question 4 of 5