Reszponzív kép elhelyezése

Reszponzív kép elhelyezése
2021-07-18T18:13:02+02:00
2021-07-30T18:29:07+02:00
2022-10-15T21:25:27+02:00
Mandrake833
Sziasztok!

Adott egy 1920x420-as kép. Laptopon tökéletesen látszik, hogyan oldható meg, hogy mobilon is látható legyen a teljes kép kisebb felbontásnál? Jelenleg a közepe látszik kb.

CSS-ben:

.swiper-slide {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 white-space: nowrap;
 background-position: 50% 50%;
}

Nagyon köszönöm előre is!
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd