VSC + HTML + CSS
Simulace mobilního telefonu
Jednoduchá simulace s použitím zmenšení stránky na minimum je možná.
Simulace v prohližeči Chrome
Similace v Chrome je přesnější a je i vidět rozměry obrazovky
Spustíme prohližeč Chrome ➜ fuknční tlačítko 'F12'➜ tím jsme si otevřeli vývojářský panel ➜ Ikonka telefonu a tabletu
Elements - Rozvržení
Ve vývojářském panelu je také hezký náhled na rozvření jednotlivých bloků (elementů)
Pokud přejíždím po elementech, tak se mi barevně zvýrazňují
➜
HTML kousky
width:calc()
Menu
Barvy u zátržítek a boxů
Accordion
Hodiny
Single page
Pricing card
Fluid Layout with Flex
Simulace mobilního telefonu
Jednoduchá simulace s použitím zmenšení stránky na minimum je možná.
Simulace v prohližeči Chrome
Similace v Chrome je přesnější a je i vidět rozměry obrazovky
Spustíme prohližeč Chrome ➜ fuknční tlačítko 'F12'➜ tím jsme si otevřeli vývojářský panel ➜ Ikonka telefonu a tabletu
Elements - Rozvržení
Ve vývojářském panelu je také hezký náhled na rozvření jednotlivých bloků (elementů)
Pokud přejíždím po elementech, tak se mi barevně zvýrazňují
➜