شرح صفوف ومحتوى الفقرة
في اللوحات الجانبية للفلاتر وسُحب الكلمات المفتاحية التي تمتلك min-height مرتفعاً، تحتاج دائماً إلى رصّ الصفوف الملتفة من الأعلى بتتابع منتظم دون أن تتمدد وتتفكك. تحقق القيمة align-content: flex-start هذا الهدف بضم جميع الأسطر عند الحافة العلوية، بينما تدفع align-content: flex-end كتلة الأسطر مجتمعةً نحو قاع الحاوية:
CSS
.cloud-top {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: 8px;
min-height: 140px;
}