Flexbox: راهنمای عملی با مثال‌های واقعی

Flexbox ابزار شماره یک لایه‌بندی CSS برای کامپوننت‌ها است. یاد بگیرید و حرفه‌ای استفاده کنید.

اصول Flexbox

display:flex، flex-direction، justify-content، align-items و flex-wrap.

• flex-direction: row | column
• justify-content: هم‌ترازی محور اصلی
• align-items: هم‌ترازی عمود

الگوهای رایج

ناوبری، کارت‌ها، Centering عمودی و افقی، Holy Grail Layout و Footer چسبان.

جمع‌بندی

Flexbox را با تمرین یاد بگیرید. Flexbox Froggy بهترین ابزار آموزشی است.