Grid

Tailwind provides grid utilities to create columns of equal width given any arbitrary row width.

Norska adds the ability to set repeating columns of any width using the .grid-cols-w-* classes. This will use the repeat(auto-fill, minmax(*, 1fr)) syntax. This will enforce a minimum width for each element and wrap overflowing elements on a new line.

.grid-cols-w-0

.grid-cols-w-001

.grid-cols-w-002

.grid-cols-w-01

.grid-cols-w-02

.grid-cols-w-03

.grid-cols-w-04

.grid-cols-w-1

.grid-cols-w-2

.grid-cols-w-3

.grid-cols-w-4

.grid-cols-w-5

.grid-cols-w-6

.grid-cols-w-7

.grid-cols-w-8

.grid-cols-w-9

.grid-cols-w-10

.grid-cols-w-11

.grid-cols-w-12

.grid-cols-w-13

.grid-cols-w-14

.grid-cols-w-15

.grid-cols-w-16

.grid-cols-w-17

.grid-cols-w-18

.grid-cols-w-19

.grid-cols-w-20

.grid-cols-w-25ch

.grid-cols-w-50ch

.grid-cols-w-65ch

.grid-cols-w-75ch

.grid-cols-w-100ch

.grid-cols-w-50vh

.grid-cols-w-100vh

.grid-cols-w-50vw

.grid-cols-w-100vw

.grid-cols-w-auto

.grid-cols-w-lg

.grid-cols-w-md

.grid-cols-w-none

.grid-cols-w-prose

.grid-cols-w-sm

.grid-cols-w-xl

Overview

Commands

Conversions

Configuration

Tailwind

Frontend

Themes

Misc

Grid