Getting Started
Layout
Components
Design
Display
Use our display classes to quickly add display type to an element:
| Class Name | Description |
|---|---|
| .null-display-block | Add display block to an element. |
| .null-display-inline | Add display inline to an element. |
| .null-display-inline-block | Add display inline block to an element. |
| .null-display-contents | Add display contents to an element. |
| .null-display-inline-table | Add display inline table to an element. |
| .null-display-flex | Add display flex to an element. |
| .null-display-inline-flex | Add display inline flex to an element. |
| .null-display-grid | Add display grid to an element. |
| .null-display-inline-grid | Add display inline grid to an element. |
| .null-display-none | Hide Element |
| .null-display-none-mobile | Hide Element From Mobile Screen |
| .null-display-none-tablet | Hide Element From Tablet Screen |
Examples:
First Name
Last Name
<div class="null-display-flex null-gap-10">
<div>First Name</div>
<div>Last Name</div>
</div> Hide on mobile screen:
<div class="null-display-none-mobile">This will hide on mobile screen</div> Hide on mobile and tablet screens:
<div class="null-display-none-tablet">This will hide on mobile and tablet screens</div>