Rozmiar bloków

Question

Witam, czemu rozmiar tych bloków się różni

Jeśli mają takie właściwości

Answer 1

Do tego co już napisał @SzkolnyAdmin;

dopisz np. 

.SkrótPr {
  ...
  flex-basis: 0;
  flex-grow: 1;
  transition: all 0.2s ease-in-out;
}

 

Comments

Dzięki!

Answer 2

Własność flex-grow nie oznacza rozmiaru szerokości elementów (u ciebie po 1/3 całości), ale o ile rozrośnie się dany pojemnik, gdy przeglądarka przydzieli szerokości dla wszystkich i jeszcze coś zostanie do podziału. Twoje pojemniki mają różną zawartość i z tego względu różne szerokości.

Comments

A w jaki sposób by się dało to rozdzielić po równo? Jest jakiś wskaźnik, którym można by to osiągnąć?