Fully responsive Grid



    The code above creates a grid that is 1rem wide and 10rem tall. The grid-gap property sets the spacing between the columns and the rows, while the grid-template-columns and grid-auto-rows properties control the layout of the grid.

    .container {
      display: grid;
      grid-gap: 1rem;
      grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
      grid-auto-rows: 10rem;
    Codiga Logo
    Codiga Hub
    • Rulesets
    • Playground
    • Snippets
    • Cookbooks
    soc-2 icon

    We are SOC-2 Compliance Certified

    G2 high performer medal

    Codiga – All rights reserved 2022.