Мы добились соответствия макету. Настало время протестировать вёрстку.

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

Посмотрим, что произойдёт, если картинка в карточке окажется шире самой карточки. Для этого изменим в разметке значения атрибутов width и height, отвечающие за размеры изображения.