Gdzie leży sprawa?

Czasem na desktopie dana część strony prezentuje się prawidłowo, ale czy tak jest również na mobile? Warto sprawdzić czy grafiki, np. logotypy partnerów i inne elementy układają się we właściwy sposób również na smartfonach i tabletach. W poniższej sytuacji widać, że na telefonie grafiki są ułożone w jednej, zwężonej kolumnie, przez co niemal niemożliwe jest zobaczenie z jakimi firmami współpracuje właściciel strony. Czy tak miało być?

Przykład rozwiązania

Załączamy zrzut ekranu z desktopa po lewej stronie, który się dobrze prezentuje oraz tę samą sekcję na urządzeniu mobilnym (do polepszenia) – w prawej części zrzutu ekranu.

 

polepszenie-grafik-zaufanych-firm-internetwork

 

Tak może wyglądać przykład rozwiązania

Możesz “złapać” prawą krawędź okna przeglądarki i ją zwęzić, aby zobaczyć jak dopasowuje się poniżej przedstawione rozwiązanie.

Powiązane Posty

Przykłady elementów do polepszenia

Zdecyduj się na jeden język zamiast kilku

Czy to nie jest tak, że im więcej języków, tym lepiej? Oczywiście tak i ma to dużo plusów: otwartość na kontakt i poznawanie innych, chęć poznawania różnych kultur świata, ale też i organizacja samego procesu nauki czy też determinacja w uzyskaniu odpowiedniego certyfikatu. Jak najbardziej pochwalamy takie działania. Czytaj więcej…

Przykłady elementów do polepszenia

Przewijanie stron w poziomie

O co chodzi z tym przewijaniem strony w poziomie? Jesteśmy przyzwyczajeni do czytania względnie wąskich tekstów, ponieważ podobno możemy się na nich lepiej skupić, szybciej czytać i łatwiej zrozumieć. Dlatego też nie przewijamy stron w poziomie, tylko oglądamy i czytamy je w formie pionowej. Można czasem Czytaj więcej…

Przykłady elementów do polepszenia

Modyfikacje czcionek i znaki diakrytyczne

Jak podajesz treść? Sprawa ta jest bardzo często zauważalna. Niestety! Tego typu niedoskonałość powinna być jednym z priorytetowych, jakie powinny być naprawione. Jak najlepiej sprawdzić czy dana czcionka wyświetla się poprawnie? Najprostszym rozwiązaniem jest otworzenie strony (i jej Czytaj więcej…