Layout-uri flex pentru rândurile din header
Coloană centrală flexibilă
Prima variantă se numește Flexible middle column și este setată implicit pentru toate rândurile. Caracteristica principală este că coloanele din stânga și din dreapta își iau lățimea în funcție de elementele adăugate în ele. Coloana din mijloc este flexibilă și ocupă tot spațiul liber rămas.
Acest layout este recomandat atunci când plasezi logo-ul în coloana din stânga, iconițe sau alte elemente în coloana din dreapta, iar meniul principal ocupă întreaga lățime a coloanei din mijloc.
Exemple de design pentru rânduri:
Coloane stânga și dreapta egale
A doua variantă se numește Equal right and left columns. În acest layout, coloanele din stânga și din dreapta au mereu aceeași lățime și ocupă tot spațiul liber din rând. Coloana din mijloc își păstrează lățimea în funcție de conținut.
De exemplu, dacă adaugi un logo cu lățimea de 150px, coloana din mijloc nu va fi mai lată. Coloanele din stânga și din dreapta vor ocupa restul spațiului disponibil. Acest tip de layout este foarte util atunci când vrei să ai un element perfect centrat în rând.
Exemple de rânduri de header cu acest layout:
