mirror of
https://github.com/acid-info/guide.codex.storage.git
synced 2026-08-31 05:41:08 +00:00
34 lines
881 B
Plaintext
34 lines
881 B
Plaintext
---
|
|
title: Web Environment
|
|
sidebar_position: 1
|
|
---
|
|
|
|
|
|
import { ExternalResourceCard, ImageGrid } from '@site/src/components/mdx';
|
|
|
|
## Spacing
|
|
|
|
Spacing tokens serve as the building blocks for maintaining consistency in components, grids, and page layouts. Our base unit is 8, and the spacing scale uses multiples of the base unit.
|
|
|
|
|
|
|
|
## Grid
|
|
|
|
Our web grid system is flexible. We typically structure grids and layouts based on our spacing scale.
|
|
|
|
Commonly used web grids:
|
|
|
|
- Desktop: 24 / 16 columns
|
|
- Tablet: 16 / 12 columns
|
|
- Mobile: 2 columns
|
|
|
|
### Web grid templates
|
|
|
|
<ExternalResourceCard
|
|
title="Logos templates"
|
|
description="www.figma.com"
|
|
href="https://www.figma.com/file/qH2d0UtCAcrcn23or1WgfB/Logos-templates?type=design&node-id=215%3A8&mode=design&t=0bOCaBBwhofQKq0c-1"
|
|
logoSrc="/icons/figma.svg"
|
|
style={{ maxWidth: "390px"}}
|
|
/>
|