tailwindcss-layout
Tailwind CSS Layout Utilities (v4.1)
Layout utilities for building responsive layouts with Flexbox, Grid, Positioning, and Container Queries.
Core Topics
- Flexbox:
flex,flex-direction,justify-content,align-items,gap - Grid:
grid,grid-template-columns,grid-template-rows,place-items,place-content - Position:
absolute,relative,fixed,sticky,inset,z-index - Display:
block,inline,inline-block,flex,grid,hidden - Container Queries:
@container,@md,@lg, responsive container sizing - Spacing:
gap,space-x,space-y, multi-directional spacing - Alignment:
justify-start,items-center,place-content, multi-axis alignment - Inset:
inset,inset-x,inset-y,top,right,bottom,left
References
/flexbox.md- Flexbox utilities, flex direction, flex grow/shrink/grid.md- Grid layout, columns, rows, gaps, placement/position.md- Position utilities, absolute/relative/fixed/sticky, stacking
More from fusengine/agents
laravel-architecture
Design Laravel app architecture with services, repositories, actions, and clean code patterns. Use when structuring projects, creating services, implementing DI, or organizing code layers.
97laravel-blade
Create Blade templates with components, slots, layouts, and directives. Use when building views, reusable components, or templating.
88laravel-livewire
Livewire 3 reactive components - wire:model, actions, events, Volt, Folio. Use when building reactive UI without JavaScript.
86nextjs-i18n
Next.js 16 internationalization with next-intl or DIY. Use when implementing i18n, translations, localization, multilingual, language switch, locale routing, or formatters.
59solid-php
SOLID principles for Laravel 12 and PHP 8.5. Files < 100 lines, interfaces separated, PHPDoc mandatory. Auto-detects Laravel and FuseCore architecture.
51laravel-testing
Write tests with Pest 3/PHPUnit, feature tests, unit tests, mocking, fakes, and factories. Use when testing controllers, services, models, or implementing TDD.
50