Stránka 1 z 1

CSS - tři boxy vedle sebe zarovnané na střed

Odeslat příspěvekNapsal: 12. 2. 2019 16:26
od jakub.michalek
Zdravím vás,

potřebuji pomoc. Tvořím si v HTMLku jistou jednoduchou webovou stránku, na které bych potřeboval přes CSS udělat tři boxy vedle sebe (o velikosti 600x300px), které by byly zarovnané na střed a které by se při zmenšení okna zařadily pod sebe, ale opět na střed (chápu, že je to dementní popis a asi to nejde moc pochopit, přikládám proto i jednoduchý nákres). Tři boxy vedle sebe bych zvládnul, bohužel však nejsem schopný je nastavit tak, aby se při zmenšení okna zařadily pod sebe a ještě byly ve středu. Mohl bych Vás proto poprosit o pomoc?

Díky, j.m.

Re: CSS - tři boxy vedle sebe zarovnané na střed

Odeslat příspěvekNapsal: 15. 2. 2019 08:49
od gandor
Nieco taketo?
Kód: Vybrat vše
<html>
<head>
<title>test</title>
<style>
.wrap {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}
.itm {
  width:600px;
  height:300px;
  background:red;
  margin:10px;
}
</style>
</head>
<body>
  <div class="wrap">
    <div class="itm">1</div>
    <div class="itm">2</div>
    <div class="itm">3</div>
  </div>
</body>
</html>