✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Programowanie

Flexbox & Grid - responsywne layouty od podstaw:Trailer

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.

Flexbox & Grid - responsywne layouty od podstaw:Jak zdefiniować kontener flex

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.

Flexbox & Grid - responsywne layouty od podstaw:Wyrównywanie elementów siatki w pionie

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.

DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

Web Designer

21076 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

Opinie użytkowników

Paweł Zarębski

5.0

Kurs Flexbox i Grid polecam osobom które opanowały język znaczników HTML oraz kaskadowe arkusze styli CSS. Autor kursu przestawia ciekawie te dwie techniki dzięki którym łatwo można panować nad układem strony. Polecam.

Dawid Kopicki

5.0

Dla kogoś kto chce być na bieżąco z aktualnymi rozwiązaniami dotyczącymi RWD kurs jest idealnym rozwiązaniem. Dzięki niemu na praktycznych przykładach nauczysz się tworzyć strony w oparciu o Flexbox oraz CSS Grid - poznasz różnice między nimi oraz dowiesz się, jak oraz… Czytaj więcej

Zobacz wszystkie

Czego się nauczysz:

tworzenia layoutów dopasowanych do wielu urządzeń i przeglądarek

definiowania kontenerów w flexbox i grid

tworzenia responsywnych artykułów, formularzy i galerii zdjęć

wyrównywania elementów w pionie i poziomie

pozycjonowania elementów layoutu

dobrych praktyk pracy z HTML i CSS

pracy z layoutami wielokolumnowymi

poprawnego zawijania tekstu

Mnogość przeglądarek i urządzeń z jakich korzystają dzisiaj użytkownicy sprawia, że budowa strony wyglądającej dobrze w każdej sytuacji jest zajęciem dość wymagającym, ale nie niemożliwym. Z pomocą przychodzą tutaj technologie takie jak flexbox i grid. Dzięki ich znajomości będziesz mógł znacznie prościej tworzyć elastyczne, responsywne i zawsze świetnie wyglądające layouty. W tym kursie dowiesz się jak wykorzystać ich możliwości, tak by Twoje strony były nowoczesne i wyglądały dobrze niezależnie od urządzenia i przeglądarki, na których będą wyświetlane.

Flexbox czy grid?

Zanim przejdziemy do bardziej praktycznych zadań i pracy z projektami, zapoznam Cię z podstawami pracy z flexbox i grid. Dowiesz się w czym te technologie są do siebie podobne, a czym się różnią. Zobaczysz kiedy lepszym wyborem będzie grid, a kiedy flexbox, a także przekonasz się, że zdarzają się przypadki, kiedy można obie te technologie łączyć. Zdobycie tej wiedzy pozwoli Ci wykorzystywać flexbox i grid w bardziej uniwersalny sposób.

Rozmieszczanie elementów

Duża liczba elementów na stronie bez odpowiedniego ich rozplanowania to gotowy przepis na katastrofę. Katastrofę w postaci kiepsko wyglądającej i nieużytecznej strony. W trakcie kursu pokażę Ci jak takich sytuacji unikać. Dowiesz się jak poprawnie definiować kontenery i zarządzać elementami. Nauczę Cię wyrównywania elementów w pionie i poziomie, ustalania ich kolejności oraz poprawnego zawijania tekstu. Dowiesz się też jak modyfikować szablony siatki czy tworzyć własne linie siatki. Nad naszym kodem będziemy pracować w cenionym przez web developerów i darmowym narzędziu Visual Studio Code.

Responsywne layouty

Większość wiedzy jaką zdobędziesz będzie się opierała głównie na pracy z praktycznymi projektami z wykorzystaniem zarówno na flexbox jak i grid. Bez problemu pozwoli Ci to zadbać o responsywność i poprawny layout w przypadku Twoich stron. W trakcie kursu wspólnie wykonamy projekty zawierające artykuł, formularz i galerie zdjęć. W przypadku wszystkich projektów przyjrzymy się dokładnie zarówno strukturze HTML jak i stylom CSS, tak abyś nie tylko wiedział jak z nimi pracować, ale też rozumiał wszelkie zależności między technologiami.

Co jeszcze powinieneś wiedzieć?

Aby komfortowo korzystać z tego kursu powinieneś posiadać podstawową wiedzę na temat tworzenia stron internetowych i wykorzystania technologii HTML i CSS. Jeżeli jeszcze nie zdobyłeś tej wiedzy, możesz to zrobić dzięki naszym szkoleniom.

ZOBACZ WIĘCEJ

Odbierz co drugi kurs za darmo!
Skorzystaj z promocji 1 + 1 GRATIS

Flexbox & Grid - responsywne layouty od podstaw

Kurs HTML i JavaScript - praktyczne projekty

63 recenzji

Poziom Średniozaawansowany

32 wykładów

4.8

119zł

Razem do zapłaty

119 zł

-43% 208 zł

+1664 punktów premium

KUP W PAKIECIE

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

Program nauczania

1 Szybkie wprowadzenie:

Wstęp 01m 03s

Jak korzystać z plików 02m 27s

Omówienie technologii flexbox 04m 10s

Omówienie technologii grid 03m 47s

2 Praktyczne podstawy flexbox

Jak zdefiniować kontener flex Podgląd 16m 18s

Zmiana kierunku 14m 41s

Zawijanie wierszy ze zmianą kierunku 12m 04s

Wyrównywanie elementów w pionie 13m 48s

Ustawianie kolejności oraz wymiarów 16m 52s

3 Praktyczne podstawy grid

Jak zdefiniować kontener grid 12m 39s

Jak określić własne linie siatki 14m 38s

Modyfikowanie szablonów siatki 15m 54s

Wyrównywanie elementów siatki w pionie Podgląd 11m 06s

Definiowanie szablonów zaawansowanych 15m 35s

4 Zaawansowane projekty flexbox

Projekt Artykuły - struktura html 12m 24s

Projekt Artykuły - style css 10m 44s

Projekt Formularz - struktura html 17m 07s

Projekt Formularz - style css 09m 58s

5 Zaawansowane projekty grid

Definiowanie stylów siatki poprzez funkcję repeat 13m 34s

Galeria grafiki 2D 17m 54s

Galeria z wykorzystaniem jednostek fr cz.1 13m 06s

Galeria z wykorzystaniem jednostek fr cz.2 11m 56s

6 Łączenie technologii flex i grid

Wykorzystanie parametrów column-count oraz column-gap 09m 28s

Wykorzystanie align-items oraz justify-content 13m 42s

Responsywny formularz z wykorzystaniem różnych parametrów siatki 09m 35s

Galeria z wykorzystaniem flex oraz flex-direction 10m 41s

Galeria oparta o różne parametry siatki 08m 58s

Zakończenie 01m 07s

Ocena uczestników

54928 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2914 wszystkich opinii.

83%

14%

Recenzje użytkowników (100)

Tomasz Szoc

25 kwietnia 2025

5.0

bdb

Michał Hader

4 kwietnia 2025

5.0

Super!

Kamil Świokło

28 marca 2025

5.0

teraz będzie mi się zdecydowanie efektywniej pracować, dziękuję ;)

Tomasz Sokół

31 stycznia 2025

5.0

Warto wracać do podstaw

Mikołaj Pawlik

26 stycznia 2025

5.0

Dobry kurs

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat - będzie on dostępny na platformie szkoleniowej w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017). Ten numer również będzie widoczny na certyfikacie.

Certyfikat możesz wydrukować (plik pdf) lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz proformy do opłacenia zamówienia, złóż zamówienie zaznaczając w formularzu pole "Chcę otrzymać dokument proforma" lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Zakup w aplikacji mobilnej strefakursów.pl, a faktura

Zakup w App Store(iOS)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na iOS za pośrednictwem Apple Pay sprzedawcą jest Apple. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz Ustawienia na iPhone
Kliknij swoje imię i nazwisko na górze ekranu, aby przejść do ustawień Apple ID.
Wybierz Multimedia i zakupy > Pokaż konto.
Przewiń w dół i wybierz Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły oraz możliwość pobrania faktury.

Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz aplikację Google Play.
Kliknij ikonę swojego profilu w prawym górnym rogu.
Wybierz Płatności i subskrypcje > Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Bartosz Szmit

Inżynier technologii internetowych

4.8

(100 ocen)

Flexbox & Grid - responsywne layouty od podstaw

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.

Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z lub – Jak to działa?

Dożywotni, nielimitowany dostęp do kursu

89zł

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp online

Certyfikat ukończenia

5 godzin szkolenia

28 wykładów

Poziom: Podstawowy

Testy i zadania

21 pytań testowych

Rekomendacje na LinkedIn

Napisy dostępne w językach:
polski, angielski, ukraiński

Dostęp w aplikacji mobilnej

Powiązane tematy:

Ten kurs jest częścią ścieżki

4.8

Web Designer

Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!

754 wykładów

21076 uczestników

Dowiedz się więcej