Programming Exercises

Create a responsive layout with two columns on desktop and one column on mobile.

Medium

Problem Statement

Create a responsive layout with two columns on desktop and one column on mobile.

Sample Output

The boxes appear side by side on large screens and stack vertically on smaller screens.

Limits

Time: 2s · Memory: 256 MB

Code Editor
00:00
<!DOCTYPE html> <html> <head> <style> /* Add CSS here to create the responsive layout */ </style> </head> <body> <div class="container"> <div class="box">Box 1</div> <div class="box">Box 2</div> </div> </body> </html>
Log in or sign up to run or submit your code.Log inSign up
Expected Output
The boxes appear side by side on large screens and stack vertically on smaller screens.