Flexbox? 1 ?? ????? ?? ? ????. ???? 2 ?? ????? ??????. 1) ????? ??? ?? ?? ? ?? ??? ??? ????? Flexbox? ??????. 2) ?? ??? ???? ?? ?? ???? ??? ?????? ???? ??????.

?? ? ???? ???? ???? Flexbox? ???? ? ????? ??? ???? ???? ??? ??? ??? ? ?? ??? CSS ?????. ??? ??? ??? ?????, ?? ??? ???????? ?? ?????? ?? ??? ?? ? ??? ???? ? ????? ?? ?? ??? ?? Flexbox? ???? ???? ???? ?????.

Flexbox ?? Flexible Box ????? ?? 1 ?? ????? ?? ???????. ??? ?? ??? ?? ???? ? ? ??? ????? ??, ?? ?? ?? ??? ?? ??? ???? ?? ? ????? ???? ? ?????. ??? Flexbox? ???? ??? ????? ?? ??? ??? ?? ??? ????.

 .nav {
  ????? : Flex;
  ??? ??? : ?? ??;
  ?? ?? : ??;
  ?? : 10px;
}

.nav-item {
  ?? : 0 10px;
}

 <nav class = "nav">
  <a href = "#"class = "nav-item"> home </a>
  <a href = "#"class = "nav-item"> ?? </a>
  <a href = "#"class = "nav-item"> contact </a>
</nav>

? ??? Flexbox? ???? ????? ??? ???? ??? ?? ????? NAV ?? ??? ???? ??? ???? ??? ? ????.

??, CSS ???? 2 ?? ???? ????? ??? ??? ?? ????? ???? ? ?????. ?? ?? ?? ? ? ???? ?? ??? ????, ?? ?? ?? ?? ? ?? ??? ???? ?? ???? ???? ??? ? ??????. ??? ???? ???? ?? ? 3 ? ????? ??? ??? ????.

 .grid-container {
  ????? : ???;
  ???-???-?? : ?? (Auto-Fit, Minmax (200px, 1fr));
  ? : 20px;
}

.grid-item {
  ??? : #f0f0f0;
  ?? : 20px;
}

 <div class = "Grid-Container">
  <div class = "Grid-Item"> ?? 1 </div>
  <div class = "Grid-Item"> ?? 2 </div>
  <div class = "Grid-Item"> ?? 3 </div>
</div>

? ?? ???? ???? ?? ??? ??? ?? ? ?? ???? ???? ???? ?? ? ????? ?? ? ????.

?? ?? ???? ?? ? ??? ?? ?? ??? ?? ??? ? ???.

?? ???? ?? Flexbox? ???? ?? ? ?? ????? ??? ??? ?? ? ????. Flexbox? 1 ?? ???? ?? ???? ?? ??? ??? ?? ?? ???? ?? ?? ? ? ????. ??? ??? ?, ?? ??? ?? ? ?? ???? ??? ????? ???? ???? ? ?? ??? ? ????. ???? ???? ???? ??? ?? ???? ? ??? ??? ???? ?? ? ? ????.

?? ??? ? ????? Flexbox? ???? ?? ?? ?? ?? ?? ???? ?? ?? ???? ?? ??? ?? ? ????. Flexbox? ?? ? ??? ???? ??? ??? ??? ????? ?????. ??? ??? ?? ?? ?? ??? ?? ???? ?? ?? ???? ?????? ?? ???? ? ?????. ???? 2 ?? ??? ?????? ??? ????? ??? ? ??? ??? ???? ?? ? ? ????.

??? ???? Flexbox? ???? ?? ????? ?? ? ???? ??? ?? ??? ??? ????. ??? ???? ?? ??? ????? ?? ?? ??? ? ??? ? ???? ??? ??? ??? ? ???? ??? ???? ?? ?????.

???? ?? ???? Flexbox? ? ????? ?? ??? ??? ?????? ???? ? ?? ??? ?????? ?????. ??? ???? ?? ?????? ? ?? ??? ????? ?? ?????? ??? ??? ? ????. ??? ????? ?? ???? ?? Flexbox ?? Flexbox? ???? ??? ??? ??? ?? ???? ? ?? ????.

???, ??? ?? ?? ???????? ?? ?? ???? ??? ?? ????. 1 ?? ????? ????? ?? ???? ??? ?? ???? ?? Flexbox? ? ?? ?? ? ? ????. ????? ???? 2 ?? ????? ???? ?? ?? ???? ?? ???? ?? ???? ? ? ????.

? ???, ?? ?? ?? ?????? Flexbox? ???? ??? ???? ?? ?? ?????. ?? ?? ???? ???? ???? ?? ??? ??? Flexbox? ???? ? ??? ? ??? ??? ?? ? ? ????. ? ?? ??? ???? ? ??? ??? ?????? ???? ??? ?? ????? ?? ? ????.

???? ? ? ??? Flexbox? Grid? ?? ??? ?? ? ??? ????. ?? ??? ? ??? ?? ?? ???? ??? ???? ? ??? ??. ??? ?? ??? ??? ??? ??? ?? ?? ??? ??? ???? ????? ?? ? ????? ?? ?? ?? ? ??? ?? ?? ? ????.

??? ??? ???? ???? ?? ? ? Flexbox ?? Grid? ??? ? ?? ???? ??????. ??? ? ??? ???? ???? ???? ???? ??? ????? ??? ?? ????? ????.

? ??? ?? ?? ??? ?? Flexbox? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!