Responsiv 6 Bilder nebeneinander
Hallo,
Kann mir bitte jemand helfen mit html und css?
Ich möchte 6 vrschiedene Bilder in einer Reihe habe, die sich je nach Fenstergröße kleiner/größer ziehen. Ich habe so viele Möglichkeiten probiert. Es hat teilweise auch geklappt, dann hat es im Safari auf dem Macbook aber nicht funktioniert. Könnte mir jemand bitte eine Möglichkeit zeigen? Mit div oder sonstigem. Ich habe es mit flexbox versucht, dies ging aber für den Safari nicht.
Vielen Dank!
Der hier verwendete Code
<style>
body{
display:flex;
justify-content:center;
}
main{
width:100%;
display:flex;
justify-content:space-around;
}
main img{
width:calc(90% / 6);
}
</style>
<body><main>
<img src="/image/sepia.jpg">
<img src="/image/people.jpg">
<img src="/image/animals.jpg">
<img src="/image/tech.jpg">
<img src="/image/arch.jpg">
<img src="/image/nature.jpg">
</main>
</body>