Chuba41

Приветствую всех, прохожу курс по HTML/CSS на Coursera, не получается выполнить задание связанное с версткой с помощью флексбокс. Суть в том что не получается сделать так, что бы картинки масштабировались под размер контейнера. Они либо больше получаются чем надо и обрезаются, либо меньше. Можно конечно картинки подредактировать в PS, что бы они имели нужный мне размер, но одно из условий задания сделать простое добавление нового объекта. Буду рад если кто-то поможет стать на путь истинный и быть может объяснит что я делаю не так. Прошу сильно не ругать мой код, я новичок, только учусь, но готов прислушаться к вашим советам, заранее всем спасибо.

Макет задания приведен на картинке