flex-initial

The class flex-initial is a Tailwind CSS class, part of the flex classes in the category flexbox & grid.

Example usage

The following code is an example on how to use the class flex-initial.

                  <div class="flex *:py-4 *:text-center">
  <div class="bg-sky-500 flex-none w-32">A</div>
  <div class="bg-blue-500 flex-initial w-64">B</div>
  <div class="bg-indigo-500 flex-none w-32">C</div>
</div>
                

The above code produces the following result:

A
B
C

Resulting CSS

flex: 0 1 auto;

Get Tailscan now

The absolute must-have tool for anyone using Tailwind CSS.

Build, design and debug your Tailwind website visually with Tailscan, right within the browser.

Get Tailscan now
video poster