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
<div id="wrapper"> <div class="one"><img class="two" src="img/kuchyn.jpg" ></div> <div class="two"></div><img class="five" src="img/suple.jpg" ></div> <div class="three"></div><img class="six" src="img/supliky.jpg" ></div> <div class="four"></div><img class="seven" src="img/supliky2.jpg" ></div> <img class="five" src="img/dvere.jpg" ></div> <img class="six" src="img/bocniskrin.jpg" ></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#wrapper{margin: 0 auto; display:flex; flex-direction: row; justify-content: center; width:80%; } div.one,div.two,div.three,div.four,div.five, div.six{width:25%; height:20%;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>