CSS ilə işləməkdə nə dərəcədə təcrübəlisiniz? Grid Layout ilə tanışsınızmı?

Mən CSS ilə kifayət qədər tez-tez işləyirəm, o cümlədən mürəkkəb və adaptiv düzənlər qurmaq üçün Grid Layout istifadə edirəm. CSS Grid iki ölçülü şəbəkələr yaratmaq üçün güclü bir vasitədir və elementlərin sətirlər və sütunlar üzrə yerləşdirilməsini asanlıqla idarə etməyə imkan verir.

Sadə Grid Layout nümunəsi:

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

HTML-də:

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

Bu, 3 sütun və 2 sətirdən ibarət, elementlərin bərabər paylanması ilə şəbəkə yaradacaq. Grid Layout mürəkkəb və çevik interfeyslər yaratmaq üçün faydalıdır, float və ya flexbox istifadə etmədən.