[CSS] Układanie wielopoziomowego menu

[Sasni]

Proszę o pomoc w ułożeniu menu. 

Aktualnie w menu rozwijanym pozycje układają się jeden obok drugiego, następnie kolejny rząd jest pod spodem, przez co robi się bardzo dużo wolnego niewykorzystanego miejsca. 

Chciałbym te kategorie się układały wg schematu jak w załączniku poniżej, czyli żeby się wypełniały automatycznie wolne przestrzenie. 

Kiedyś chyba był gdzieś taki poradnik od GreenMouse Studio ale nie mogę go odszukać. 

Może ktoś ma pomysł jak to ogarnąć i mógłby się podzielić? 

[design4VIP]

Kluczowym będzie "float:left; position:relative; display: inline-block;" 

Ale ja poza tym zastosowałbym podział kolumnowy bootstrampa żeby prościej ogarnac responsive i mieć kontrolę nad szerokością kolumn. 

Edited July 1, 2019 by design4VIP (see edit history)