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

Icons vs. Text in UI/UX: Finding the Sweet Spot in Digital Communication

Typography & Design Systems: Building the Invisible Architecture of Clarity and Trust

The Complete Guide to Choosing the Perfect Color Scheme for Your Website

Words in Motion: Why Animated Typography Rules the Digital Age

The Complete Blueprint to Building a Powerful Brand Identity

Wireframing Unlocked: The Secret Architecture Behind Seamless Digital Products

Our Web Experts are ready — we just need a few more details

Let's Start Today - Super low prices - Get your Custom designed and Feature rich website