Google Web Designer lets you build your ad or HTML page to work for multiple viewport orientations. By using alternate pages, you can switch between two different layouts based on whether the user's viewport is portrait or landscape.
Recommended for:
- Ads without fullscreen video that may appear in either portrait or landscape for a specific screen size
- Ads or HTML pages with portrait and landscape layout differences that can't be achieved by CSS style changes
To set up alternate pages:
- Build two separate pages , each containing a different version of your ad for either portrait or landscape orientation.
- In the Propertiespanel for each page, set the Alternate Pageproperty to the ID of the other page.
The published document automatically displays the page that matches the current viewport orientation.
For a more flexible layout that can adjust to different viewport widths and heights, build a responsive layout .
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 pageproperty and add separate landscape and portrait media rules for your ad to work correctly.