1. html elementlərini parent-larının içində yerlərini stilləmək üçün lazım olan css layoutudur.

istifadəsi çox asandır, bir əmması var ki, responsive-də dağılır. Responsive üçün yenidən yığmaq lazım gəlir, o da "uzun məsələ"dir.

css

.html-element {
Display: flex;
Justify-content: center;
Align-items: center;
}
/* və budur bütün elementlər mərkəzlənmişdir */

Child-a təsir edir. Ona görə ilk başlarda təkərə salır ki, bu kod niyə işləmir.

Amma məsləhətim odur ki, grid sistemə keçid edilsin, həm də tez bir zamanda. Flexbox bəzən istəkləri kısıtlaya bilir, grid-lə isə hər şey mümkündür -*-*-*