საიტის აწყობა, როგორ მუშაობს CSS flexbox (display: flex;)

მოცემულ ვიდეოში ვისაუბრობ თუ, როგორ მუშაობს CSS flexbox

ფლექს კონტეინერი ეწოდება ელემენტს, რომელსაც CSS-ში აქვს display:flex; ან display:inline-flex; მნიშვნელობები

.flex-container {
  display: flex;
  background-color: DodgerBlue;
}

ფლექს აითემი ეწოდება ელემენტებს რომლებიც მოთავსებულია ფლექს კონტეინერის შიგნით, ქვემოთ მოცემულ მაგალითში div ელემენტები წარმოდგენილნი არიან, როგორც ფლექს აითემები

<div class="flex-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</div> 

flexbox-ის დოკუმენტაცია