🚀 go-pugleaf

Dnia Fri, 2 Mar 2018 23:16:26 +0100, Marek S napisał(a):

> A może to jest tak, że basis wyznacza jakąś szerokość, z szerokości 
> kontenera niech wyjdzie, że lewy i prawy "syntetyczny padding" komórki 
> mają po 100px, to szerokość podwojonej komórki to 2x2x100px+basis?

Basis jest wartością początkową. Jeśli założymy, że jest więcej miejsca,
niż mają komórki, to w Twoim przykładzie liczysz to z grubsza tak:
- komórki mają flex-basis szerokości początkowej każda (200px)
- pozostała przestrzeń jest dzielona na sumę flex-grow (7)
- wynik podziału jest dodawany do szerokości każdej z komórek, pomnożony
przez flex-grow

Ustaw sobie jakieś proste do ogarnięcia wartości (np. 1000px całość, 100px
flex-basis, bez odstępów i ramek), to łatwo to policzysz.

> Właśnie zaczynam tak podejrzewać. To pierwszy moduł CSS, którego nie 
> ogarniam :-D WebGL wydaje się łatwiejszy :-D

Poczekaj, aż zaczniesz naukę grida. Tam się ascii-arty rysuje w CSS.

-- 
Borys Pogoreło
borys(#)leszno,edu,pl