Programming Exercises

Create a responsive grid layout with three columns using Flexbox.

Medium

Problem Statement

Create a responsive grid layout with three columns using Flexbox.

Sample Output

The divs are arranged in three columns on larger screens and adjust to one column on smaller screens.

Limits

Time: 2s · Memory: 256 MB

Code Editor
00:00
<!DOCTYPE html> <html> <head> <style> /* Add CSS here to create the Flexbox layout */ </style> </head> <body> <div class="container"> <div>Item 1</div> <div>Item 2</div> <div>Item 3</div> </div> </body> </html>
Log in or sign up to run or submit your code.Log inSign up
Expected Output
The divs are arranged in three columns on larger screens and adjust to one column on smaller screens.