GRIDDER is a quiet place to practise CSS grids. Here you can learn how different CSS properties shape Grids. Change the values of each property to get a feeling for how grids are built. You can save your favourite grids as SVG.
Try GRIDDER here: https://gridder.moduldesign.online/
In order to use this tool, you should be able to understand these concepts:
- CSS properties are and how they work
- Grid systems for print
CSS Grids are the layout system for any website with more than one component. It lets you divide a page into rows and columns and place elements precisely within that structure. Grids make it possible to build balanced and responsive websites. There are more ways to style the grid more precise, for example, creating a gutter with the gap property.