/* Copyright (C) 2024-2025 Matty Welch. All rights reserved. */
/* DO NOT REMOVE ABOVE LINE */

#grid-home-container {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(3, 1fr);
    /*background-color: red;*/
}

#grid-tips-container {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    /*background-color: red;*/
}

#grid-category-container {
    display: grid;
    grid-template-rows: repeat(var(--grid-rows), 1fr);
    grid-template-columns: repeat(var(--grid-cols), 1fr);
    /*background-color: red;*/
}

#grid-product-container {
    display: grid;
    grid-template-rows: repeat(var(--grid-rows), 1fr);
    grid-template-columns: repeat(var(--grid-cols), 1fr);
    /*background-color: red;*/
}

#grid-size-container {
    display: grid;
    grid-template-rows: repeat(var(--grid-rows), 1fr);
    grid-template-columns: repeat(var(--grid-cols), 1fr);
    /*background-color: lightblue;*/
}

#grid-design-container {
    display: grid;
    grid-template-rows: repeat(var(--grid-rows), 1fr);
    grid-template-columns: repeat(var(--grid-cols), 1fr);
    /*background-color: pink;*/
}

.grid-color-item {
    text-align: center;
}