Divide 5 images in a row

Divide 5 images in a row
0.0 0

#1

Hi,

I would like to divide 5 images in a row. Max width of the div=950px (desktop). All the images have a wide of 150px. I also would like to make this responsive. Can anyone help me with that?

I started with this:

<div class="container">
<div class="row">
<div class="image"><a href="#" title="Disposables"><img src="" border="0" alt="" width="150" height="210"></a></div>
+4
</div>
</div>

.image {
float: left;
max-width: 150px;
}

#2

I cleaned up your code.
You need to use triple backticks to post code to the forum.
See this post for details.


#3

You can give your image a width of 20% and the parent div a width of 100% (or 100vw) and a max-width of 950px.