Изображения во флексбоксе не изменяют размер, если я делаю их ссылками ⇐ CSS

[Anonymous]

У меня есть флексбокс из трех квадратных изображений, которые я хочу подогнать под размер окна браузера при его сужении или расширении. Мне удалось это сделать. Однако я бы хотел, чтобы каждое изображение было ссылкой. Когда я пытаюсь это сделать, изображения больше не увеличиваются и не сжимаются.
Это код, в котором изображения не являются ссылками, а размеры изображений изменяются так, как я хочу:< /p>
HTML:

Код: Выделить всё

[img]001.jpg[/img]
[img]002.jpg[/img]
[img]003.jpg[/img]

CSS:

Код: Выделить всё

.container {
margin: auto;
display: flex;
flex-flow: row wrap;
justify-content: center;
}

.container img {
overflow: hidden;
flex: 1 1 400px
}

Я, например, пробовал:

Код: Выделить всё

[url=website.html]
[img]001.jpg[/img]
[/url]

И измените вторую часть CSS на

Код: Выделить всё

.container a

вместо

Код: Выделить всё

.container img

Но это или другие решения, которые я пробовал, не работают, поскольку изображения не увеличиваются и не уменьшаются при изменении размера окна.

Подробнее здесь: https://stackoverflow.com/questions/784 ... them-links