Привет, всем будущим фронтенд разработчикам! В этой статье мы разберем как удобно верстать различные карточки. Любая карточка состоит из изображения и контента: Красным выделена верхушка карточки (изображение), а оранжевым контент. Исходя из этого мы можем создать два контейнера: Зачем нам создавать отдельный див для изображения, почему не вставить ее фоном в .card? - Если вставлять ее фоном в .card, мы должны будем вручную высчитывать отступы контента от изображения и решать остальные мелкие проблемы по ходу адаптива наших карточек, а зачем, если можно сделать намного проще...

Удивительно, но система предупреждений в виде желтых и красных карточек в футболе появилась сравнительно недавно. В наше время всем известно, что если судья решил предупредить игрока за нарушение – он показывает ему желтую карточку. Если игрок ведет себя откровенно грубо – перед игроком появляется красная карточка. Если игрок в одном матче получает две желтых карточки – они автоматически превращаются в красную и этот игрок матч сможет только досмотреть только со скамейки запасных или из подтрибунного помещения по телевизору...