Arrangera bilder horisontellt

  • Författare
  • Meddelande

prallinn

webbsurfare

  • Inlägg: 5
  • Blev medlem: 13 maj 2017, 11:57

Arrangera bilder horisontellt

Inlägg04 jan 2018, 12:16

Hej!

Jag undrar hur jag gör för att lägga tre bilder bredvid varandra horisontellt.

Html
<div id="content">


<h2>Artiklar</h2>

<div class="row">


<div id="kost"> <img src="kost.jpg"> </div>

<div id="fitness"> <img src="fitness.jpg"> </div>
<div id="inspo"> <img src="inspo.jpg"> </div>

</div>

<!--Bilderna är tagna från Flickr och får användas samt ändras -->




</div> <!--end content-->


CSS:

}
.row {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
width:50%;
height:auto;
margin: auto;


}


Sedan hur jag gör för att göra dessa responsiva, så att alla tre linjeras under varandra samtidigt när jag kommer till brytpunkten?
Användarvisningsbild

mos

dbwebb

  • Inlägg: 9795
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Arrangera bilder horisontellt

Inlägg04 jan 2018, 12:39

Du kan använda float, eller, som jag ser att du försöker med flexbox.

Gör en jsfiddle eller codepen så blir det enkelt att testa din kod och visa på alternativ.

Ser att du använder klassen row. Dubbelkolla att den inte krockar med gridklassen row.
...
..:
.... /mos

prallinn

webbsurfare

  • Inlägg: 5
  • Blev medlem: 13 maj 2017, 11:57

Re: Arrangera bilder horisontellt

Inlägg04 jan 2018, 14:01

Tack! :)

Vilka är online

Användare som besöker denna kategori: Inga registrerade användare och 15 gäster