Syntax

grid-template-areas

Setting areas in the grid container

Overview

ClassDeclarations
grid-template-areas:`value`grid-template-areas: `value`;
grid-template-areas:nonegrid-template-areas: none;

Apply conditionally

Apply styles based on different states using selectors and conditional queries.

<div class="grid-template-areas:none:hover grid-template-areas:none@sm grid-template-areas:none@dark grid-template-areas:none@print">…</div>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy