INFORMÁCIE K LEKCII
V HTML a CSS online kurze pre Salón krásy sme používali pixely, nie percentá.
To je prvý problém, ktorý potrebuješ vyriešiť, ak chceš mať web stránku responzívnu.
Nie je potrebné všetky časti web stránky prerábať na percentá, či iné merítka (napr. em), ktoré vzhľadom na menší display zmenia veľkosť.
Spravidla nie všetky fonty (veľkosť písma) budeš prerábať na percentá či em, ale minimálne by si mal poprerábať základné časti stránky, teda layout, aby boli v percentách.
Ako na to si pozrieme v tejto lekcii online video kurzu Responzívny design s ohľadom na liquidný prístup.
Ďalej sa pozrieme na to, že pri určitom rozmere obrazovky by sme chceli iné preusporiadanie elementov, pretože na menšom display-i nemá zmysel mať všetky bloky vedľa seba.
A tu prichádza adaptívny design pomocou @media queries, ktorý ti to umožní, a preto sa pozrieme v tomto videu, ako sa používa.
Liquidný a adaptívny design tvoria tému Responzívny design web stránok a ich základy sa naučíš v tomto video kurze.