23. Jakie są różnice między CSS Grid a Flexbox i w jakich sytuacjach warto używać każdego z nich?

• CSS Grid: Lepszy do tworzenia dwuwymiarowych układów. Umożliwia definiowanie wierszy i kolumn oraz precyzyjne pozycjonowanie elementów w obu wymiarach (przód-tył).
• Flexbox: Lepszy do jednowymiarowych układów, gdzie elementy są układane w jednym rzędzie lub kolumnie. Umożliwia elastyczne rozmieszczanie elementów wzdłuż głównej osi.

/* Przykłady */
.container-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}