Обсуждение Вопрос? Как растянуть постер на пк версии

[givi33]

Доброго времени суток граждане Пираты.

Подскажите как постер растянуть по ПК версии сайта?
А то чет порнуха какая то

Я так полагаю что в стилях надо менять что то, а вот то именно хз

/*-- Постер ------------------------------*/
.fs__poster-block { width: 250px; height: 350px; border-radius: 20px; overflow: hidden; z-index: 0; background-color: rgb(80 80 80 / 25%); position: relative; }
.fs__poster-img { width: inherit; border-radius: 20px; min-height: inherit; }
.new-edit { margin-right: 10px; padding: 10px 10px 8px; border-radius: 12px; background: var(--bg2); }
.icon-edit-1 { color: var(--color2); }

/*-- Карусели ------------------------------*/

.main__block--carousel-mid_wrap { min-height: 340px; }
.main__block--carousel-big_wrap { min-height: 260px;}
.main__block--carousel-big .owl-item, .main__block--carousel-mid .owl-item { -webkit-transition: ease-out 0.2s; -o-transition: ease-out 0.2s; transition: ease-out 0.2s; opacity: 0.1; pointer-events: none; }
.main__block--carousel-big div.active, .main__block--carousel-mid div.active{ opacity: 1; -webkit-filter: none; filter: none; pointer-events: visible; }
.owl-stage { padding-left: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; }
.owl-nav button { position: absolute; padding: 16px 15px 13px; background: transparent; -webkit-backdrop-filter: blur(40px) brightness(0.6); backdrop-filter: blur(40px) brightness(0.6); border-radius: 16px; cursor: pointer; top: 30%; }
.owl-nav button span { font-size: 24px; color: #d5d5d5;}
.owl-prev { left: -10px; }
.owl-next { right: calc(var(--page-margin) - 10px); }
.disabled { display: none; }

/*-- ШАПКА САЙТА ------------------------------*/
.header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0; }
.header__right-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 45%; }
.header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; height: 45px; }
.img-logo { height: inherit; }
.text-logo { font: 52px Logo; pointer-events: none; margin: 0px 0px 2px 10px; }
.header__short-search-form, #story { position: relative; width: 100%; }
#story { padding-right: 70px; }
.short-search-form__btns{ position: absolute; right: 10px; top: 0px; }
.short-search-form__btn {  background: transparent; padding: 8px 2px; cursor: pointer; }
.sign-up { padding: 8px 30px; border-radius: 12px; background: rgb(81 81 81 / 55%); margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

 

[Pr00f]

гадание по скриншоту? 😀

 

[seasone]

Через media screen задай минимальную ширину экрана и присвой к блоку и картинке высоту и ширину.

 

[JIuMoH4eG]

Через media screen задай минимальную ширину экрана и присвой к блоку и картинке высоту и ширину.

проще будет просто присвоить размер "cover" (или какой-то другой) и не нужно будет играться с размерами

 

[givi33]

JIuMoH4eG Это как?

 

[JIuMoH4eG]

JIuMoH4eG Это как?

Вот пример
object-fit - CSS: Cascading Style Sheets | MDN