I got 3 (soon to be 5) pictures next to each other. When I resize the browser, the images go to this little tiny 1px x 1px size. How can i prevent that from happening? I feel like this should be pretty simple but i don't know what to change..

HTML:

```
<div class="inUseDescription">
    <p style="font-size: 24px;">text text text text text text</p>
<div class="images">
    <img src="image.jpg" width="170" height="150">
</div>
<div class="images">
    <img src="image.jpg" width="170" height="150">
</div>
<div class="images">
    <img src="image.jpg" width="170" height="150">
</div>
</div>

```

CSS:

```
.inUseDescription {
    padding: 65px;
    display: inline-block;
    max-width: 62%;
    color: white;
}

.images {
    float: left;
    width: 22%;
    padding: 10px;
}

```