Kiedy okno przeglądarki się powiększa, suwak u góry strony głównej robi się śmiesznie duży. To pierwsza seria mobilna, ale ponieważ mobilna wersja suwaka już działa dobrze (być może powinniśmy załadować mniejsze obrazy, ale funkcjonalnie jest fajna), możemy teraz skupić się na ulepszeniu go dla komputerów stacjonarnych.
Za pomocą prostego kodu CSS możemy ograniczyć jego wysokość (dosłownie ustawiając a max-height
). Ale możemy również ograniczyć wysokość, ograniczając szerokość, ponieważ zachowuje proporcje. Następnie, jeśli pozwolimy, aby przepełnienie było widoczne po obu stronach, otrzymamy całkiem fajny suwak na większych ekranach.