3 Card Layout with flex layout dark theme responsive

Community feedback

• 

  Travolgi 🍕•31,400

  @denieldenPosted almost 2 years ago

  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 ", cursive the 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 a font-family:" Big Shoulders Display ", sans-serif much more similar to the primary font.
  • remove all padding from main tag because with flex they are superfluous
  • instead of using px use relative units of measurement like rem -> read here

  Keep learning how to code with your amazing solutions to challenges.

  Hope this help 😉 and Happy coding!

  Marked as helpful

  0

  ---

  

  VincenzoMuolo•180

  @VincenzoMuoloPosted almost 2 years ago

  @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?

  1

  

  Travolgi 🍕•31,400

  @denieldenPosted almost 2 years ago

  @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

  0

  

  VincenzoMuolo•180

  @VincenzoMuoloPosted almost 2 years ago

  @denielden Tutto chiaro, grazie!

  1

  

  Travolgi 🍕•31,400

  @denieldenPosted almost 2 years ago

  @Shirohige-96 Prego!

  0