A Page Hero with Image
This page demonstrates mixing different container sizes on a single page. This hero component is in an extra large container, mzp-t-content-xl. It also has a full-bleed background.
A headline with 30 characters
A description with a maximum of 100 characters. That usually means only one or two sentences.
A link for more information
A headline with 30 characters
These two feature cards are in a medium container, .mzp-t-content-md. The row of cards below is in a large container, .mzp-t-content-lg.
This example headline has 40 characters
A description with a maximum of 140 characters. That means we usually only have room for one or two sentences. Here is what that looks like.
This example headline has 40 characters
A description with a maximum of 140 characters. That means we usually only have room for one or two sentences. Here is what that looks like.
This example headline has 40 characters
A description with a maximum of 140 characters. That means we usually only have room for one or two sentences. Here is what that looks like.
A short headline
This billboard is in an extra large container, .mzp-t-content-xl. The row of picto cards below is in a medium container, .mzp-t-content-md.
A headline with 30 characters
A short description with a maximum of about 60 characters.
A headline with 30 characters
A short description with a maximum of about 60 characters.
A headline with 30 characters
A short description with a maximum of about 60 characters.