Middle

Koliko ste radili sa CSS-om? Da li poznajete Grid Layout?

sobes.tech АИ

Одговор од АИ

Često sam radio s CSS-om, uključujući korišćenje Grid Layout-a za pravljenje složenih i responzivnih rasporeda. CSS Grid je moćan alat za kreiranje dvodimenzionalnih mreža, koji omogućava lako upravljanje rasporedom elemenata u redovima i kolonama.

Primer jednostavnog Grid Layout-a:

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

U HTML-u:

<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>

Ovo će napraviti mrežu od 3 kolone i 2 reda sa ravnomernom raspodelom elemenata. Grid Layout je koristan za kreiranje složenih i fleksibilnih interfejsa bez potrebe za float ili flexbox za slične zadatke.

Претходно Следеће