Responsive

Building responsive UIs in uikit is inspired by responsiveness in tailwind. Using the concept of breakponts UI elements can be styled based on the size of the root element. These breakpoints are

<Container
    flexDirection="column"
    md={{ flexDirection: "row" }}
>

This code defines a container that, by default, puts its positions its children in a vertical column, but puts them in a horizontal row once the width of the root container exceeds 768px.