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

Systemy gird

0 głosów
53 wizyt
pytanie zadane 12 września 2017 w HTML i CSS przez agit45 Obywatel (1,070 p.)
Witam. Na czym polegają systemy gird? https://devcorner.pl/prosta-responsywnosc-10-systemow-grid-css/ spotkałem się z tym tutaj i zastanawiam się do czego to służy, czy jest to praktyczne i często używane oraz w jakich przypadkach lepiej użyć tego niż pisać własną stronę od 0. Pozdrawiam i dziękuję za wszelaką pomoc!
komentarz 13 września 2017 przez Criss VIP (129,790 p.)
*grid

1 odpowiedź

0 głosów
odpowiedź 12 września 2017 przez mtk3d Nałogowiec (40,000 p.)
edycja 12 września 2017 przez mtk3d
Grid ułatwia zachowanie responsywności strony. Wszystkie nowoczesne strony korzystają z czegoś w tym rodzaju.

Jest to podział na wiersze i kolumny. Przykładowo dostarcza on klasę row i klasy col. Klasa row jest podzielona na 12, 16 albo zależnie od systemu n kolumn. Każda z klas kolumn posiada jeszcze dopisek dotyczący wielkości ekranu.

Żeby z niego skorzystać, tworzysz wiersz i wpisujesz w niego elementy określając dla jakiej rozdzielczości ile kolumn ma zająć dany element.

Przykład:

<div class="row"> <div class="col-m-8 col-s-12">content</div> <div class="col-m-8 col-s-12">content</div> </div>

Ten przykład stworzy nam dwa divy. W przypadku ekranu medium literka m w klasie (konkretny breakpoint jest ustalany przez system) mamy dwa divy wypełniające po połowie przestrzeni, obok siebie. Dla ekranu small, literka s, mamy dwa divy wypełniające cały wiersz, jeden pod drugim.

Spróbuj wykorzystać taki system przy tworzeniu strony, to wtedy zrozumiesz lepiej ideę grida. Taki system możesz napisać też sam.

Polecam zainteresować się też flexem w CSS.

Do moderatorów: Nie mogę na mobile usunąć formatowania pierwszej części odpowiedzi.

Podobne pytania

0 głosów
0 odpowiedzi 89 wizyt
0 głosów
1 odpowiedź 60 wizyt
pytanie zadane 25 stycznia w Systemy operacyjne, programy przez Kamil Maksymowicz Początkujący (400 p.)
0 głosów
2 odpowiedzi 50 wizyt
pytanie zadane 22 stycznia w Systemy operacyjne, programy przez Kamil4037 Nowicjusz (140 p.)
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.
Ciekawy innych porad? Odwiedź tę stronę!

45,607 zapytań

85,953 odpowiedzi

171,564 komentarzy

22,093 pasjonatów

Przeglądających: 150
Pasjonatów: 2 Gości: 148

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...