Pico publishes pico.classless.min.css (and a fluid variant) where header, main, and footer are the centered containers—no class="container". Dropdowns, grids, and button variant classes are omitted; semantics carry even more weight.
When to choose classless
- Wild HTML purists and CMS output you cannot add classes to
- React/Vue apps that want
#root > mainas the viewport (recompile with$semantic-root-element) - Smaller CSS when you will never use
grid, modals, or outline buttons
This track’s playground uses the default classful CDN so you learn both APIs. In production, swap the link to pico.classless.min.css—do not load both files.
Self-check
- Which three landmarks become containers in classless mode?
- What do you lose compared to
pico.min.css?
Interview prep
- What is classless Pico?
A build that scopes styles under a class selector so unclassed legacy pages are not affected—useful for incremental adoption.