Cycle 02

Lab Cycle 2 — CSS Styling

5 Questions
Question 03 of 05

CSS Flexbox Layout

Problem Statement

Create a responsive layout using CSS Flexbox with three columns.

C++ 
<!DOCTYPE html>
<html>
<head>
<style>
    .container {
        display: flex;
        justify-content: space-around;
        padding: 20px;
    }
    .item {
        background-color: #5D866C;
        color: white;
        padding: 20px;
        margin: 10px;
    }
</style>
</head>
<body>
    <div class="container">
        <div class="item">Column 1</div>
        <div class="item">Column 2</div>
        <div class="item">Column 3</div>
    </div>
</body>
</html>
Question 3 of 5