Problem z responsywnoscią tekstu

0

Czesc, mam dwa problemy zwiazane z tekstem, chodzi o: <h2>WB</h2>. Uzywam go jako logo i chcialbym aby litery nachodzily na siebie stad zastosowanie w CSS: letter-spacing: -10vh; oraz umieszczenie go na srodku strony. Problem polega na tym, że nie mogę w żaden sposób sprawić aby tekst był responsywny. Używając wartosci vh lub vw przy font-size: nie uzyskuję efektu, który mnie zadowala. Chciałbym uzyskać efekt, w którym tekst jest responsywny oraz mogę zastosować letter-spacing abym mógł tego używać jako logo z nachodzacymi na siebie literami. Bardzo proszę o pomoc.

Załączam JSFiddle: https://jsfiddle.net/1u79q4hm/

1

On jest responsywny tylko poniżej jakiejś tam rozdziałki zaczyna się sypać, może wystarczy zwykłe @media i trochę dopieścić na mniejszych wielkościach oddzielnie.

0

Używajac samych wartości vh albo vw faktycznie ma to wplyw na responsywnosc szerokosci/wysokosci, niestety nie dziala ta funkcja calc:, ktora staralem sie zastosowac, zeby i szerokosc i wysokosc sie dostosowywaly. Postaram się pokombinować z @media i dam znac jak wyszlo. Dzieki!

1 użytkowników online, w tym zalogowanych: 0, gości: 1