Skip to content

Latest commit

聽

History

History
45 lines (31 loc) 路 1.34 KB

GRID.md

File metadata and controls

45 lines (31 loc) 路 1.34 KB
Raw

Grid

Grids are rows and cols system grid. They are most used to organize content.

Element

<div class="grid">
  <div>...</div>
</div>

Most used helpers

Sizes

s1...s12, m1...m12, l1...l12

Spaces

no-space, space, small-space, medium-space, large-space

Example

This will render one or more lines, depends the user screen.

<div class="grid">
  <div class="s12 m6 l3">
    <h5>First</h5>
  </div>
  <div class="s12 m6 l3">
    <h5>Second</h5>
  </div>
  <div class="s12 m6 l3">
    <h5>Third</h5>
  </div>
</div>

Go to

Begin, Elements, Helpers, Settings, Summary, beercss.com

Badge, Button, Card, Checkbox, Chip, Container, Dialog, Expansion, Grid, Icon, Input, Layout, List, Main layout, Media, Menu, Navigation, Overlay, Page, Progress, Radio, Select, Slider, Switch, Table, Tabs, Textarea, Snackbar, Tooltip, Typography