RG106 Pro Drone 8K Dual Camera GPS Brushless Motors Pro
Czysty, responsywny układ dwukolumnowy prezentuje opis produktu z zrównoważonym wyglądem i łatwą nawigacją. Projekt tworzy przestrzeń między sekcjami i płynnie dostosowuje się do różnych rozmiarów ekranu, zapewniając spójne doświadczenie zakupowe.
Ustawienia układu
- Górny margines ustawiony na 40px, aby oddzielić zawartość
- Wyświetlanie używa flex z zawijaniem dla responsywności
- Odstęp między kolumnami wynosi 16px
- Zawartość jest rozmieszczona między elementami dla zrównoważonego wyglądu
Właściwości kolumn
- Każda kolumna jest elastyczna i rośnie, aby wypełnić dostępną przestrzeń
- Maksymalna szerokość to 50% minus 8px, aby utrzymać dwie równe kolumny
- Obrazy w kolumnach mają szerokość 100% i kwadratowy proporcje
- Obrazy mają zaokrąglone ramki o promieniu 10px i dopasowanie cover
Zachowanie na urządzeniach mobilnych
- Na urządzeniach o szerokości 768px lub mniejszej kolumny układają się w jedną kolumnę