/* Chapter 1: Declaration
 * Chapter 2: General
 * Chapter 3: Class & ID
 * Chapter 4: Query
 */

/* Chapter 1:
 *    ___          __              __  _         
 *   ╱ _ ╲___ ____╱ ╱__ ________ _╱ ╱_(_)__  ___ 
 *  ╱ ╱╱ ╱ ─_) __╱ ╱ _ `╱ __╱ _ `╱ __╱ ╱ _ ╲╱ _ ╲
 * ╱____╱╲__╱╲__╱_╱╲_,_╱_╱  ╲_,_╱╲__╱_╱╲___╱_╱╱_╱
 * Variables! */


/* Chapter 2:
 *   _____                      __
 *  ╱ ___╱__ ___  ___ _______ _╱ ╱
 * ╱ (_ ╱ ─_) _ ╲╱ ─_) __╱ _ `╱ ╱ 
 * ╲___╱╲__╱_╱╱_╱╲__╱_╱  ╲_,_╱_╱  
 * Resets and general elements. */


/* Chapter 3:
 *   _______               ____      _______ 
 *  ╱ ___╱ ╱__ ____ ___   ╱ __╱___  ╱  _╱ _ ╲
 * ╱ ╱__╱ ╱ _ `(_─<(_─<   > _╱_ _╱ _╱ ╱╱ ╱╱ ╱
 * ╲___╱_╱╲_,_╱___╱___╱  │_____╱  ╱___╱____╱ 
 * Do classes come earlier than general elements? */

.grid-container--stamps {
    display: grid;
    grid-template-columns: repeat(auto-fit, 99px);
    grid-auto-rows: 56px;
    justify-content: center;

    gap: var(--smaller-rem);
    padding: var(--base-rem) 0.5em;
    margin: 0 0.5em;

    height: 30vh;
    overflow: auto;
}

.grid-container--stamps__item img {
    width: 100%;
    height: 100%;
}

/* Chapter 4:
 *   ____                   
 *  ╱ __ ╲__ _____ ______ __
 * ╱ ╱_╱ ╱ ╱╱ ╱ ─_) __╱ ╱╱ ╱
 * ╲___╲_╲_,_╱╲__╱_╱  ╲_, ╱ 
 *                   ╱___╱  
 * Media queries! */