panel content width examples

100% panel width, 100% content width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque velit sit amet egestas varius. Interdum et malesuada fames ac ante ipsum primis in faucibus. In porttitor eros at luctus hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam pretium urna sed risus elementum, vel interdum ex commodo. Phasellus ac cursus erat. Nullam sit amet sodales enim.

X-Large panel width, x-large content width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque velit sit amet egestas varius. Interdum et malesuada fames ac ante ipsum primis in faucibus. In porttitor eros at luctus hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam pretium urna sed risus elementum, vel interdum ex commodo. Phasellus ac cursus erat. Nullam sit amet sodales enim.

Large panel width, Large content width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque velit sit amet egestas varius. Interdum et malesuada fames ac ante ipsum primis in faucibus. In porttitor eros at luctus hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam pretium urna sed risus elementum, vel interdum ex commodo. Phasellus ac cursus erat. Nullam sit amet sodales enim.

Medium panel width, medium content width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque velit sit amet egestas varius. Interdum et malesuada fames ac ante ipsum primis in faucibus. In porttitor eros at luctus hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam pretium urna sed risus elementum, vel interdum ex commodo. Phasellus ac cursus erat. Nullam sit amet sodales enim.

Small panel width, small content width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque velit sit amet egestas varius. Interdum et malesuada fames ac ante ipsum primis in faucibus. In porttitor eros at luctus hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam pretium urna sed risus elementum, vel interdum ex commodo. Phasellus ac cursus erat. Nullam sit amet sodales enim.

100% width, 100% content

X-Large panel, X-Large content

Large panel, Large content

Medium panel, Medium content

Small panel, Small content