Responsive

A banner that fills the width and height of whatever container it is placed in, so the same material runs in many formats at once.

PlacementAny banner slot
SizeFluid
DevicesMobile, tablet, desktop
Advertisement
Run the live demo Moccamaster, colour picker in every banner size. Built in Madington Station.

Responsive specs

One flexible layout instead of a file per size.

FormatResponsive
DevicesMobile, tablet, laptop
DimensionsResponsive, fills its container
File types.mp4 .mov .webp .webm .svg .jpg .png

Designing the assets

  1. Create a flexible layout with scalable assets that can adjust seamlessly to different ad format sizes.

Responsive FAQ

What is a responsive banner?

A display ad with a fluid layout. It fills the width and height of the container it is placed in, so one build covers many banner sizes.

How do I design for it?

Create a flexible layout with scalable assets: backgrounds that can be cropped, and logo, text and CTA that can move and scale.

Which file types can I use?

Video and images: .mp4, .mov, .webm, .webp, .svg, .jpg and .png.