---
description: Mixin to place elements using the responsive features of Flex property.
---

# Flexbox

Flex is a CSS property that allows developers to place elements based on a more responsive and flexible approach, forgetting about static content that is not going to adapt to different screen sizes.

The Flex mixin included in the Layout System allows developers to use this property in a summarized way. In order to accomplish that, it is necessary to have a basic understanding of Flex CSS property.

In the following links, we have outlined all the theory necessary to apply a Flex CSS property correctly. However, if you are already familiar with this CSS property, jump ahead to the Sds-Flex Implementation chapter.&#x20;

{% content-ref url="flexbox/flex-theory" %}
[flex-theory](flexbox/flex-theory)
{% endcontent-ref %}

{% content-ref url="flexbox/sds-flex-implementation" %}
[sds-flex-implementation](flexbox/sds-flex-implementation)
{% endcontent-ref %}

