سلام
وقتتون بخیر استاد
عذر میخوام چرا وقتی از align-content استفاده میکنیم justify-content و align-self ، اعمال نمیشه؟
کدهای css :
body {
background-color: #333;
}
.grid {
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(3, 1fr);
height: 500px;
border: 2px solid #ccc;
justify-content: start;
align-content: center;
}
.item {
padding: 3rem;
background-color: #f4f4f4;
border: 1px solid #ccc;
text-align: center;
font-weight: bold;
font-size: 1.4rem;
}
.item:first-child {
align-self: start;
}
کدهای html :
```
<body>
<div class="grid">
<div class="item">Item 1</div>
<div class="item">Item 2</div>
<div class="item">Item 3</div>
<div class="item">Item 4</div>
<div class="item">Item 5</div>
<div class="item">Item 6</div>
</div>
</body>
```
اینم عکسش :
https://www.uplooder.net/img/image/95/5321502107521dc3bf47c4da1f75c53a/1.png
Hossein Naziri
بسیار بسیار سپاسگذارم از آموزش های خوب شما
من از سال ۸۳ کد نویسی رو با c شروع کردم و عاشق کدنویسی هستم.
اساتید زیادی داشتم فیلم های آموزشی زیادی با هزینه های بالا دیدم زحمت زیادی کشیدم اما ویدیو های شما واقعا عالی هست.
ایشالا بتونم این زحمات شما رو جبران کنم.
علی شیخ
3 سال پیش
سلام وقت بخیر.
ممنون از شما که به ما انرژی میدین?