Problem z responsywnoscią tekstu

Problem z responsywnoscią tekstu
RA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 4
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/

czysteskarpety
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Piwnica
  • Postów: 7697
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.

RA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 4
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!

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.