Containers and Flexboxes

When adding widgets and design elements in DudaFlex, you can choose to use Containers and Flexboxes. However, there are some key differences between them. The following provides information and examples on when to use a Container, a Flexbox, and when you may want to add elements directly on the grid.

As a general rule, if you want an automatic layout that includes ordering items in a horizontal or vertical list, use a Flexbox. If you want to create a freestyle composition with overlapping elements, use a Container.

Sometimes, there is no right or wrong answer, but instead several ways to get the same design. For example, when you have the same background (image/color/ border) for a single object.

Grid

Place items on the grid directly when you want items to overlap relative to a card or composition. For example, adding On Sale labels, interesting titles, and so on.

Containers

Containers are best for free-form compositions. Use containers when you want to include overlapping objects or non-linear compositions.

Flexbox

Use a Flexbox when you want to create an automatic layout that includes ordering items in a horizontal or vertical list. Additionally, you should add elements to a Flexbox when you have items you want placed one after the other (for example, multiple CTAs, labels, logos, and so on).

Was this article helpful?
3 out of 3 found this helpful

Feedback on this article

0 comments

Please sign in to leave a comment.

×

Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!