Askı Gridlər
Grid sistemi askı və gizli şəbəkələrdən istifadəni nəzərdə tutur. Gəlin bu anlayışları daha ətraflı araşdıraq.
Askı grid sütunlar və sıralar üzrə yerləşdirilmiş elementlər dəstidir. Çox zaman askı şəbəkəəl əl ilə yaradılır və əvvəlki dərslərdə birlikdə yaratdığımız bütün gridlər askıdır (məsələn, kafelka v grid dərsi).
Gəlin bizim askı gridimiz olacaq bir cədvəl yaradaq:
<div id="parent">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
#parent {
display: grid;
grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr;
border: 2px solid #696989;
padding: 10px;
width: 400px;
height: 400px;
}
#parent > div {
padding: 10px;
border: 1px solid #696989;
}
:
