Google Page Speed Insights acum analizeaza UX-ul

[florescualin]

Imi creeaza si mie probleme, nu am tema responsive si imi apare cand testez viteza urmatorul mesaj:

Remedieri obligatorii:
Utilizați dimensiuni de font lizibile
Următorul text din pagina dvs. este afișat într-un mod care ar putea fi dificil de citit pentru unii dintre vizitatori. Utilizați dimensiuni de font lizibile pentru a îmbunătăți experiența utilizatorului.
Următoarele fragmente de text au o dimensiune mică a fontului. Măriți dimensiunea fontului pentru a le face mai lizibile.


TERMENI SI CONDITII și alte 2 astfel de fragmente de text au o înălțime a fontului de numai 4 pixeli (13 pixeli în CSS) vedeți captura de ecran.
Articole și alte 2 astfel de fragmente de text au o înălțime a fontului de numai 4 pixeli (15 pixeli în CSS) vedeți captura de ecran.
Retete culinare noi are o înălțime a fontului de numai 7 pixeli (22 pixeli în CSS) vedeți captura de ecran.

Imi puteti spune ce anume trebuie sa fac, ce sa adaug?

[puthre]

Imi puteti spune ce anume trebuie sa fac, ce sa adaug?

Unde ai neclaritati?

[Gratian Alinei]

Imi puteti spune ce anume trebuie sa fac, ce sa adaug?

Adaugă asta la fișierul CSS, și redefinește clasele pentru elementele care nu se încadrează în ecran:

@media only screen and (min-width: 280px) and (max-width: 767px) {

}
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
@media only screen and (min-width: 768px) and (max-width: 949px) {

}
@media only screen and (min-width: 950px) and (max-width: 1149px) {

}
@media only screen and (min-width: 1150px) {

}

Dacă nu te descurci, ai aici suficiente detalii