el llenado de mi grid es vertical, alguien sabe por qué?

Angel Eduardo

Pregunta

student•

Alfonso Diaz Rueda

student•

en vez de grid-auto-flow: column; debes poner grid-auto-flow: row; o quitarlo

Angel Eduardo

student•

ese es mi codigo, y mi grid se llena verticalmente, voy a ver el video que me mandaste, muchas gracias.

    body {
        font-family: arial;
    }
    
    .container {
        display: grid;
        gap: 5px;
        height: 100vh;
        grid-auto-flow: column;
        grid-template-rows: repeat(4, 100px);
        grid-template-columns: repeat(3, 200px);
        justify-content: space-evenly;
        align-content: space-evenly;
    }
    
    .item {
        background: lightblue;
        padding: 10px;
        border: 1px solid red;
    }
</style>
<body>
    <section class="container">
        <div class="item">Item #1</div>
        <div class="item">Item #2</div>
        <div class="item">Item #3</div>
        <div class="item">Item #4</div>
        <div class="item">Item #5</div>
        <div class="item">Item #6</div>
        <div class="item">Item #7</div>
        <div class="item">Item #8</div>
        <div class="item">Item #9</div>
        <div class="item">Item #10</div>
        <div class="item">Item #11</div>
        <div class="item">Item #12</div>

    </section>
<code>

Freddy Jose Rojas Valera

student•

si entiendes ingles te recomiendo ver este video

Your CSS Layout Toolkit for 2019 - Rachel Andrew

Freddy Jose Rojas Valera

student•

tienes que mostrar el código para ayudarte mejor hay varias razones por la cual puede pasar eso.

el llenado de mi grid es vertical, alguien sabe por qué?

Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017