You may want to build a mobile ad that responds to changes in orientation, with separate landscape and portrait layouts. Google Web Designer provides two ways to handle orientation changes, using either responsive layout or alternate pages.
1. Responsive layout
If you're using responsive layout, you should create separate portrait and landscape views using media rules. Media rules let you apply different CSS styles to the same element, depending on the current orientation.
Mobile ads that allow fullscreen video should use responsive layout so that video playback won't be interrupted by orientation changes.
2. Alternate pages
Build two separate pages, each containing a different version of your ad for either portrait or landscape orientation. In the Properties panel for each page, set the Alternate Page property to the ID of the page with the opposite orientation.
If you create a non-responsive ad using separate pages for each orientation, but later change the ad to use responsive layout, you must clear the Alternate page property and add separate landscape and portrait media rules for your ad to work correctly.
