Autor Zpráva
radekt
Profil
Dobrý den,
není mi jasné, proč v tomto kódu:
<html>
  <head>
  <meta charset="utf-8">
  <style>
  .container {
    display: grid;
  }
  .blok1 {
    background: silver;
    grid-row: 1 / 1;
    grid-column: 2 / 2;
  }
  .blok2 {
    background: yellow;
    grid-row: 1 / 3;
  }
  .blok3 {
    background: orange;
    grid-row: 2 / 2;
    grid-column: 2 / 2;
  }
  </style>
  </head>
  <body>
    <div class="container">
      <div class="blok1">Blok1</div>
      <div class="blok2">Blok2</div>
      <div class="blok3">Blok3</div>        
    </div>
  </body>
</html>

je pro blok2, aby se roztáhl na dva řádky, styl grid-row: 1 / 3, tedy začíná na prvním řádku, konči na třetím? Logicky bych tam dal grid-row: 1 / 2, ale to nefunguje. Jaká je tam logika?
Díky
Radek Tůma
Tomáš123
Profil
radekt:
Áno, tie dve čísla vyjadrujú začiatok a koniec. Pozri si celý popis: grid-row.
smiesek
Profil
radekt:
jak podotkl Tomáš123, nastavení je v pořádku, spíše bych doporučovala si ujasnit pojmy v gridu jako je: lines (linka) (to je důvod roztáhnutí na dva řádky = track (cesta)), track (cesta), cell (buňka) a area (oblast). To hodně pomůže :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: