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

У меня ультраширокий монитор — LG UltraWide (21:9). Если точнее, то LG 34WK650. Играть, конечно, на разрешении 2560x1080 приятно, а вот для записи видео и стримов такой формат не очень подходит. Ведь большинство зрителей имеют мониторы формата 16:9 и при просмотре видеороликов, снятых в 21:9, у них появляются полосы сверху и снизу. Яркий тому пример мое недавнее видео: Вы скажите, что можно просто запустить любую игру в разрешении 1920x1080 в оконном режиме, но это ни разу неудобно. А если оставить разрешение 1920x1080 и запускать игру во весь экран, то изображение растягивается...