• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

"Zaawansowany" layout kafelkowy - sprawne przejście z mobile na desktop

0 głosów
508 wizyt
pytanie zadane 15 listopada 2019 w HTML i CSS przez MCT3000 Nowicjusz (240 p.)

Cześć,

zaprojektowałem stronę (poniżej) i jestem w trakcie kodowania. Co prawda udało mi się uzyskać zamierzony efekt, ale może jest tu jakiś CSS jedi, który podzieli się swoim pomysłem jak z mobile przejść w desktopowy layout.

Ja to zrobiłem tak, że z widoku mobile (zaczynam kodować mobile-first) przechodząc na desktop "nav tableka" zostaje, a jedynie pierwszy rząd skracam o połowę (przy użyciu flex-boxa). Resztę divów "odkrywam" i pozycjonuję odpowiednio. Mniej więcej.

Nie jestem kozakiem z CSS Gid, więc nawet nie próbowałem się z tym bawić, ale na desktopie kształtuje się równy 5 kolumnowy layout i może jakoś tutaj da radę to ładnie poukładać

 

 

1 odpowiedź

0 głosów
odpowiedź 17 listopada 2019 przez los losiowski Obywatel (1,800 p.)
Możesz zrobić oddzielną stronę na urządzenia mobilne , a inną ne dosktopy.

Możesz też dodać responsywność

Podobne pytania

0 głosów
1 odpowiedź 583 wizyt
pytanie zadane 27 czerwca 2023 w HTML i CSS przez Skulak Nowicjusz (240 p.)
0 głosów
0 odpowiedzi 917 wizyt
pytanie zadane 30 kwietnia 2019 w C# przez gagyn Stary wyjadacz (11,050 p.)
0 głosów
1 odpowiedź 578 wizyt
pytanie zadane 18 listopada 2018 w HTML i CSS przez Franciszek Wakieć Nowicjusz (150 p.)

93,765 zapytań

142,720 odpowiedzi

323,369 komentarzy

63,359 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...