Sobes.tech
Junior

Jakie układy CSS znasz?

sobes.tech AI

Odpowiedź od AI

  • Flexbox: Jednowymiarowy system do wyrównywania elementów w kontenerze wzdłuż jednej osi (poziomej lub pionowej). Doskonały do małych komponentów i wyrównywania elementów wewnątrz bloku.
  • Grid Layout: Dwuwymiarowy system do tworzenia złożonych siatek na stronie. Umożliwia łatwe zarządzanie rozmieszczeniem elementów zarówno w wierszach, jak i kolumnach. Idealny do głównego układu strony.
  • Block Layout: Domyślne zachowanie elementów blokowych. Elementy zajmują całą dostępną szerokość i układają się jeden pod drugim.
  • Inline Layout: Elementy układają się w jednej linii, zajmując szerokość równą ich zawartości.
  • Positioned Layout: Pozwala na pozycjonowanie elementów względem ich normalnej pozycji, elementu rodzica lub okna widoku za pomocą position (static, relative, absolute, fixed, sticky) i właściwości top, right, bottom, left.
  • Table Layout: Odtwarza zachowanie elementów tabeli (display: table, display: table-cell itd.). Rzadziej używany niż Grid czy Flexbox, do tworzenia struktur tabelarycznych.
  • Multi-column Layout: Pozwala dzielić zawartość kontenera na kilka kolumn, jak w gazecie. Sterowany właściwościami column-count i column-width.