CSS Grid and Flexbox Layout system,supports common breakpoints for Phone, Tablet, Laptop, Desktop, Wide Desktop device widths.
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>
)
}
}