Jak osiągnąć taki efekt w css?

Question

cześć, mam pytanie czy ktoś może wie jak osiągnąć taki efekt:

na początku pomyślałem o css grid, ale ten pomysł szybko odpadł, bo chodzi o to by samo się automatycznie w odpowiedni sposób to ustawiło, a nie żebym ręcznie to definiował.

Answer 1

Flexbox ze zwijaniem i gap-em.

Comments

oo dzięki, zapomniałem, że jest takie coś jak zawijanie xD nawet o tym nie pomyślałem nie wiedzieć czemu

Answer 2

Jeżeli zapiszesz to jako np. lista <ul> to dla <ul> użyj takiego zapisu w css

ul { 
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  
  /* reszta kodu css */
}

Comments

dzięki, zapomniałem, że jest takie coś jak zawijanie