tailwindcss-layout

Tailwind CSS Layout Utilities (v4.1)

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "tailwindcss-layout" with this command: npx skills add fusengine/agents/fusengine-agents-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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

Automation

laravel-livewire

No summary provided by upstream source.

Repository SourceNeeds Review
-56
fusengine
Automation

laravel-blade

No summary provided by upstream source.

Repository SourceNeeds Review
-53
fusengine
Automation

laravel-architecture

No summary provided by upstream source.

Repository SourceNeeds Review
-42
fusengine