@denielden
Posted
Hello Vincenzo, You have done a good work... Amazing solution! 😁
Some little tips to improve your code:
- Tip of graphic design: with
font-family:" Big Shoulders Display ", cursivethe browser will use the Comics Sans font when it doesn't find the first font indicated (you can seen during loading)... for the designer it's a really awful font! I would rather replace it with afont-family:" Big Shoulders Display ", sans-serifmuch more similar to the primary font. - remove all
paddingfrommaintag because with flex they are superfluous - instead of using
pxuse relative units of measurement likerem-> read here
Keep learning how to code with your amazing solutions to challenges.
Hope this help 😉 and Happy coding!
Marked as helpful
@VincenzoMuolo
Posted
@denielden Ciao Daniel, grazie per i feedback!
Vedo che sei italiano quindi per una volta mi evito i vari check per controllare se ho scritto bene!
Per la questione del font non ci avevo fatto proprio caso, però effettivamente se ricarico pulendo la cache si vede uno strano scatto prima di caricare il font, questa è una problematica legata a cursive o altro?
Una possibile soluzione qualora dovessi essere costretto ad usarlo potrebbe essere usare un'animazione di fadeIn del testo per "nascondere" il caricamento?
@denielden
Posted
@Shirohige-96 figurati :)
É dovuto al fatto che il browser sta caricando e recuperando il font da google e nel mentre usa il font "nativo" che gli hai impostato.
É una cosa difficile da evitare in quanto dipende dal sito, dalla rete e dalla risposta del server e google quindi può avere tempi differenti in base questi fattori... non so se con il fadeIn riesci a mascherarlo ma ti basta sostituire il cursive con sans-serif. Poi provare non nuoce ;)
Più che altro nel caso non riesca proprio a recuperare il font per problemi di rete hai impostato come font secondario un sans-serif più simile e leggibile al font google rispetto al cursive
Marked as helpful
@VincenzoMuolo
Posted
@denielden Tutto chiaro, grazie!
@denielden
Posted
@Shirohige-96 Prego!
