Containers

Containers are a fundamental building block of Tailpro that contain, pad, and align your content within a given device or viewport.

Default container

Our default .container class is a responsive, fixed-width container, meaning its max-width changes at each breakpoint.

                
                  <div class="container xl:max-w-6xl mx-auto px-4">
                    <!-- Content here -->
                  </div>
                
              

After creating the container, then please create grid rows and columns Grid column