რა თვისებაა flexbox-ში პასუხისმგებელი flex ელემენტების მიმართულებაზე?

flex-direction. ეს განსაზღვრავს კონტეინერის ძირითად ღერძს, რომლის გასწვრივაც განლაგებულია flex ელემენტები.

შესაძლებელი მნიშვნელობები:

• row: ელემენტები განლაგებულია მარცხიდან მარჯვნივ (ნაგულისხმევი).
• row-reverse: ელემენტები განლაგებულია მარჯვნიდან მარცხნივ.
• column: ელემენტები განლაგებულია ზევიდან ქვემოთ.
• column-reverse: ელემენტები განლაგებულია ქვემოდან ზევით.

გამოყენების მაგალითი:

.flex-container {
  display: flex;
  flex-direction: column; /* ელემენტები განლაგდება ვერტიკალურად */
}