Middle

Kiek dirbote su CSS? Ar žinote Grid Layout?

sobes.tech AI

Atsakymas iš AI

Aš gana dažnai dirbau su CSS, įskaitant Grid Layout naudojimą sudėtingiems ir adaptuojamiems maketams kurti. CSS Grid yra galingas įrankis kuriant dviejų matmenų tinklus, leidžiantis lengvai valdyti elementų išdėstymą eilutėse ir stulpeliuose.

Pavyzdys paprasto Grid Layout:

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
.item {
  background-color: #ccc;
  padding: 20px;
  text-align: center;
}

HTML:

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
</div>

Tai sukurs 3 stulpelių ir 2 eilių tinklą su vienodu išdėstymu. Grid Layout yra naudingas kuriant sudėtingus ir lankstus sąsajos elementus be float ar flexbox naudojimo.

Ankstesnis Kitas