Containers

Table of Contents

Share This Post

Default Layout

Select your own structure by using the plus icon

Flexbox

Grid

Important properties include:

  1. Direction of the items
  2. Adjust spacing using Justify content in flexbox containers
  3. Adjust spacing using Justify items in grid containers
  4. Container width: Default is boxed, which means that while the container takes the full width of the viewport, it’s content takes the width as specified in the width dropdown below. But when we select Full width, the content takes the full width of the container.
  5. Min height of the container.
  6. Custom settings can also be applied to individual widgets within the container.
  7. Containers can also be placed inside containers.

Subscribe To Our Newsletter

Get updates and learn from the best

More To Explore

Designing for Global Audiences: Internationalization & Localization

Guiding Principles of IA: Structuring Websites for Clarity & Growth

Next-Gen Information Architecture: Psychology, Ethics & Omnichannel

Persona-Driven UX: Turning Research Into User-Centered Design

The Psychology of Trust: Unlocking Credibility in Web Design

List of Categories

Contact Us

Big-agency quality without the big-agency cost — welcome to Flagship Websites

Start Your Website Design Journey with Free AI Wireframes & Mockups!

Your information is 100% confidential. After you submit, our design team will contact you within 24 hours.