Projektowanie stron Lekcja 59

cw 590

Utwórz dokument cw590.html oraz cw590.css
Wszystkie ustawienia stylu zapisz w pliku zewnętrznym
Wstaw trzy sąsiadujące ze sobą w poziomie bloki: lewy i prawy po 20% szerokości okna, środkowy 60%.
W każdym z bloków umieść nagłówek i dwa paragrafy (treść paragrafów wstaw za pomocą składni javascript) jako content.
Przy zmianie szerokości okna na mniejszą niż 990px prawy blok ma zostać ukryty (nie wyświetlamy go), a pozostałe przyjmują szerokość po 50%
Przy szerokości okna poniżej 610px wyświetlamy wszystkie trzy bloki ustalając ich szerokość po 100% każdy.
Przy szerokości okna przeglądarki po wyżej 990px ustaw marginesy wewnątrzne wszsytkich bloków na 15px góra i dół oraz 25px lewo i prawo, rozmiar czcionki nagłówka 2,3vw i grubość czcionki paragrafu 300.
Przy szerokości okna przeglądarki poniżej 610px ustaw marginesy wewnątrzne wszsytkich bloków na 8px góra i dół oraz 15px lewo i prawo, rozmiar czcionki nagłówka 100% i rozmiar czcionki paragrafu 15px.
Dla każdego paragrafu dodaj wcięcia w pierwszym wierszu po 40px.
Przykłady