Breakpoints — Styleguide

Metamn

Styleguide Breakpoints

Breakpoints

Description

Used to adapt content and design to devices.

Example

Breakpoints

Mobile: Screens smaller than 600px
Tablet: Screens bigger than 600px and smaller than 1199px
Desktop: Screens larger than 1600px

Styleguide menu

Framework

Framework
- Behavior
- Design
  - Colors
  - Decorations
  - Typography
    - Elements
      - Link
      - Ol
      - P
      - Ul
      - Uppercase
    - Fonts
    - Reset
    - Scale
    - Text style
- Helpers
- Structure
  - Breakpoints
  - Figure
  - Flexbox
    - Grid
    - Stretch
  - Intrinsic ratio
  - Semantic html5 titles

Project

Project
- Description
- Header
- Menu
- Service
- Services
- Slider
- Templates
- Thumb
- Title
- Work
- Works

Menu