[{"id":855,"created_at":"2025-10-10T11:16:22.802089+00:00","html":"

Flex container

\n\n

Instructions:

Use flexbox for layout.
left and right blocks should be 150px\n
The center block should take up all available space
On screens less than 600px wide, change the direction from row to column.

\n\n

Left

Center

Right

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","css":".container {\n border: 2px solid #333;\n}\n\n.left {\n background-color: #f99;\n}\n\n.center {\n background-color: #9f9;\n}\n\n.right {\n background-color: #99f;\n}\n","js":"// code here","user_id":"c792adbb-5a22-4783-8680-c5f3ea7e2214","project_key":"vqYwyD","description":"Detyra 1","plugins":[],"public":true,"config":{"tags": [], "cssProcessor": false},"tags":[],"hide_js":false,"hide_css":false,"messages":"[{\"messageId\":\"DEVCANVAS_INITIAL_MESSAGE\",\"role\":\"user\",\"content\":\"This is my current code\"},{\"messageId\":\"DEVCANVAS_INITIAL_CODE\",\"role\":\"user\",\"content\":\"\\n\\t\\n\\n\\t\\n\\t\\t\\n\\t\\t\\n\\t\\tBR - Interview\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\n \\n\\t\\n\"}]","view":[{"views":3}],"profiles":{"username":"ArberD"}}]