Middle

Чӣ қадар бо CSS кор кардаед? Оё Grid Layout-ро медонед?

sobes.tech AI

Ҷавоб аз AI

Ман омўхтани CSS-ро бисёр истифода кардам, аз ҷумла истифодаи Grid Layout барои сохтани тарҳҳои мураккаб ва ҷавобгӯ. CSS Grid воситаи қавӣ барои сохтани шабакаҳои дуҳуҷраӣ мебошад, ки имкон медиҳад ба осонӣ ҷойгиркунии унсурҳоро дар сатрҳо ва сутунҳо идора кардан.

Масалан, як 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>

Ин мрежаро бо 3 сутун ва 2 сатр бо тақсимоти баробар эҷод мекунад. Grid Layout барои сохтани интерфейсҳои мураккаб ва чандир бамаврид аст, бе ниёз ба истифодаи float ё flexbox барои вазифаҳои монанд.

Гузашта Оянда