Create a responsive grid layout with three columns using Flexbox.

Medium

Problem Statement

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

Try your code in this preview. Submit marks it done.

<!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>

Document

To view the HTML changes, please type the code within the editor

Programming Exercises

Create a responsive grid layout with three columns using Flexbox.

Problem Statement

Sample Output

Limits

Hint 1