In this code, we've added a CSS media query that applies when the width of the viewport is 600 pixels or more. When this condition is met, the .container div will use a row direction for its flex layout, and the .left and .right divs will each take up 50% of the width of their parent div. This will create a 2x2 grid layout on larger screens. On smaller screens, the iframes wil