---
extends: _layouts.markdown
title: "Flexbox"
---
Flexbox
# Justify Content
Tailwind provides a comprehensive set of Flexbox utilities out of the box to make it easy for you to implement complex layouts without having to write any new CSS.
Start Default
Use `.justify-start` to justify items against the start of the flex container's main axis:
@component('_partials.code-sample')
@endcomponent
## Center
Use `.justify-center` to justify items along the center of the flex container's main axis:
@component('_partials.code-sample')
@endcomponent
## End
Use `.justify-end` to justify items against the end of the flex container's main axis:
@component('_partials.code-sample')
@endcomponent
## Space between
Use `.justify-between` to justify items along the flex container's main axis such that there is an equal amount of space between each item:
@component('_partials.code-sample')
@endcomponent
## Space around
Use `.justify-around` to justify items along the flex container's main axis such that there is an equal amount of space around each item:
@component('_partials.code-sample')
@endcomponent