Poprawny wyglad strony na komputerze , błedny na telefonie

Question

Widok z telefonu:

 

Widok z komputera:

 

Problem polega na tym ,że na komputerze wyświetla mi się tekst poprawie , dla każdego meczu , niestety na telefonie rozjechał mi się. Tekst wyświetlam według następujących metod:

<a style="position:absolute;left:1650px;top:176px;margin-right:0px;border-width:0;z-index:290;color:white;">

Proszę o pomoc. 

Comments

Żeby spróbować Ci pomóc, wklej kod strony np. na codepen i zobaczymy. Na pierwszy rzut oka twój kod zdaje się być w ogóle nie responsywny - jeżeli użyjesz position: absolute i dasz left: 1650px oznaczało by to że tekst będzie przesunięty o 1650px, względem swojego rodzica o 1650px, co przy różnych wyświetlaczach może dawać różne efekty.

Dodatkowo taka rada - nie używaj inline styles - wynieś style do osobnego pliku (ew. do hedera strony).

---

Dziękuje bardzo za odpowiedz, wklejam link do codepen:

https://codepen.io/anon/pen/mKpdJa

Answer 1

Twój kod nie jest responsywny; poczytaj o RWD, @media queries, jednostkach relatywnych itp.

 

Ps. Nie stylujemy inline!