The white area is 90% of the total width of your window. The content area is 90% of the width of the white area. They expand and contract to fill the width of your window. You know, like a liquid in a container.
||Tips for liquid layouts
For a liquid layout, the combined width of images (for example the image and logo at the top) should be less than 320 pixels (to allow for a little breathing room when viewed on a phone). Optimally, no image should be wider than 255 pixels (which is a little less than 81% of 320 pixels). You don't need to make your type larger than normal to accommodate panning and zooming on a phone.
Don't hesitate to contact us directly with any questions or requests about creating successful emails. We’re at your service.
Scott Design Inc