react-fluid-aspect-ratio-grid v1.0.4

react-fluid-aspect-ratio-grid

A grid container that adapts the number of columns to limit the aspect ratio of its children.

Example

https://davidedefeudis.github.io/react-fluid-aspect-ratio-grid/

Install

npm i react-fluid-aspect-ratio-grid

Usage

import React from 'react'
import Grid from 'react-fluid-aspect-ratio-grid'
import 'react-fluid-aspect-ratio-grid/dist/index.css'

function App() {
  return (
    <Grid maxAspectRatio={2.2} gap='1rem'>
      <div className='grid-item'></div>
      <div className='grid-item'></div>
      <div className='grid-item'></div>
      <div className='grid-item'></div>
    </Grid>
  )
}

Props

License

MIT © Davide De Feudis