Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<header> <div><img src="http://naturewallpaperfree.com/mobile/autumn/nature-wallpaper-1920x1080-646-8bd89395.jpg"></div> <div><img src="http://naturewallpaperfree.com/mobile/autumn/nature-wallpaper-1920x1080-646-8bd89395.jpg"></div> <div><img src="http://naturewallpaperfree.com/mobile/autumn/nature-wallpaper-1920x1080-646-8bd89395.jpg"></div> <div><img src="http://naturewallpaperfree.com/mobile/autumn/nature-wallpaper-1920x1080-646-8bd89395.jpg"></div> <div><img src="http://naturewallpaperfree.com/mobile/autumn/nature-wallpaper-1920x1080-646-8bd89395.jpg"></div> <div><img src="http://naturewallpaperfree.com/mobile/autumn/nature-wallpaper-1920x1080-646-8bd89395.jpg"></div> </header>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body header, html header { margin: .5vw; font-size: 0; display: flex; flex-flow: row wrap; } body header div, html header div { flex: auto; width: 200px; margin: .5vw; } body header div img, html header div img { width: 100%; height: auto; } @media (max-width: 620px) { header div { margin: 0; } header { padding: 0; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>