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.
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 are best for free-form compositions. Use containers when you want to include overlapping objects or non-linear compositions.
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).