[fervi]

Witajcie Stack Overflowowcy. Potrzebuję przykładu czegoś co nie wiem jak do końca się nazywa.

Chodzi o to, że jest w tle grafika (która się dopasowuje do ekranu, ale nie tyle skaluje co ucina), na tym jest tekst (np. na środku, ale fajnie jeśli można to łatwo regulować)

Trochę jak pełnoekranowy carousel, ale bez innych grafik.
Najlepiej by wykorzystywał biblioteki Bootstrap 4

#webdev

[enslavedeagle]

@fervi: background-size: cover i flexbox do wypozycjonowania kontenera z tekstem.

[galaktykakurvix]

@fervi: http://jsfiddle.net/greenfox/84XU3/

[fervi]

@galaktykakurvix: Na kompie działa, na telefonach niezbyt
@enslavedeagle: Chyba koleda na jsfiddle ma to i nie działa za dobrze :/

O co chodzi, bo może źle wyjaśniam xd

Jak wejdziecie na tinder.com (na przykład) to macie te same obrazki na kompa, co na telefon. Przy czym na telefonie jakoś to działa tak, że wyświetla ich środek, a boki ucina, a na kompie wyświetlają się w pełnej okazałości. I

[enslavedeagle]

@fervi: to niekoniecznie muszą być *te* same obrazki - mogą to być różne wersje tego samego obrazka, przycięte do potrzeb desktop/mobile i ustawione np. przy użyciu srcset