Origami Frontend Components & Services

Demos: o-grid

This version of o-grid hasn't been branded yet. Please check the latest version, 6.0.1, as branding is a relatively new addition to our components.

Default

Grid with all default settings

Snappy

Responsive grid that snaps between a larger fixed layout at each breakpoint

Resized

Responsive grid with breakpoints reallocated to 400px, 800px and 1000px and gutters halved

Always-fixed

Fixed grid at 610px across all browsers and devices. Should always be fixed at the large layout

Status
active Origami v1 (Bower)
Switch component view

GitHub Repository

Install o-grid

If using the Build Service, add o-grid@^4.3.7 to your script and link tags.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-grid@^4.3.7".

Help & Support

o-grid is maintained directly by the Origami team. If you have any questions about o-grid or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com