Layout

CSS Grid and Flexbox Layout system,supports common breakpoints for Phone, Tablet, Laptop, Desktop, Wide Desktop device widths.

Usage

import  { Row, Column } from '@selkirk-systems/layout

class App extends Component{

    render(){

        return (

            <Column gap="lg" >
                <Row justify="space-between">
                    <label>Name:</label>
                    <span>Layout</span>
                </Row>
                <Row gap="md" xs="auto 1fr auto">
                    <IconButton>
                    <div/>
                    <IconButton>
                </Row>
            </Column>

        )

    }

}