React Dashboard Tiles

React Dashboard Tiles using CSSGrid to accomplish a windows tile like effect. View the demo

Features

• Custom backgrounds for each grid item both color and image
• Set the amount of grid columns
• Define the how much each tile should take up
• Set the grid gap

Magic involved

The trick to the full screen background per tile is due to wonderful css property background attachment: 'fixed' this allows the background image or color to extend over selected rows/columns. I know crazy right 😝