Layout

Semanticus offers a variety of building blocks for page layout and responsive design. These include:

• .container — typical responsive width wrappers (.container, .container-fluid)
• .content-grid — constrains the element's content while allowing it to span the full width of its container
• Grid System — responsive, 12-column grid system
• Flexbox utilities — flexbox utilities for layout
• Layout utilities — aspect ratios, object-fit, and more

Examples

Be sure to check out the examples section for more complex layouts and specific use cases.