تنسيق قائمة من خلال flexbox

ستحتاج إلى إنشاء عنصر أب ووضع جميع العناصر به، ثم إنشاء عنصر أب حاوي  لكل 5 عناصر وتعيين display : flex له ثم تعديل إتجاه عرض العناصر إلى column بدلاً من row وذلك بواسطة:

flex-direction: column;

ولفصل الـ 5 عناصر عن بعضهم قم بوضع margin بينهم، أو يمكن تعيين diplay : flex للعنصر الأب الحاوي لهم جميعًا ثم تعيين خاصية gap بقيمة 20 px مثلاً.

تسلم عزيزي ع شرحك الرائع