grid-auto-flow

מגדיר את הסדר שבו ממלאים את התאים בתבנית ה-Grid כאשר התאים אינם מוגדרים במפורש.

אפשר להגדיר את זה לדוגמה כך

    
          <style>
            .container {
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              grid-auto-flow: column;
              gap: 10px;
            }
            .item {
              background-color: lightgreen;
              padding: 20px;
            }
          </style>
          <div class="container">
            <div class="item">אלמנט 1</div>
            <div class="item">אלמנט 2</div>
            <div class="item">אלמנט 3</div>
            <div class="item">אלמנט 4</div>
          </div>
        
    

עוד בקטגוריה Grid (מודל פריסת רשת)