как сделать изображения всегда в центре

Я хочу поместить 6 изображений на эту страницу и должно быть максимальное количество фотографий в одной строке - 3, а min - 2, когда я увеличиваю или уменьшаю размер браузера.

Как увеличить размер изображения при увеличении или уменьшении размера браузера?

Это моя таблица стилей CSS, которую мне нужно добавить

div.img
{
  margin: 5px;
  padding: 5px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}   
div.img img
{
  display: inline;
  margin: 5px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 200px;
  margin: 5px;
}