Hi all,
Developed the "Article preview component" using flexbox and scss to process css with tiny bit of JavaScript. I added a transition to the card image just by hovering over.
Any feedback is much appreciated. Let me know what you think.
It was very beautiful! Perhaps the variable could be declared according to its meaning, such as --background-color, primary-font-size. Using the z-index as 99999 is not good practice too, you need to be careful. in Mobile First is not centralized and the attribution class is standing out.
If anyone can take a look at this code and give me feedback I would be grateful.
Cara, tá muito bom!
Só faltou um detalhezinho no Mobile que não ficou centralizado. Você até usou variáveis mas seria interessnte ter uma declaração mais em relação ao propósito dela por exemplo: --background-color, foreground-color, --primary-font-size. Dessa forma na hora de mudar o "tamanho dos titulos e cor"em vários lugares ser mais intuitivo
Você acabou usando o Display flex o que é uma mão na roda, por isso seu código poderia ser mais simples, não precisaria usar positions e propriedades de direcionamento, não que esteja errado mais ficou muito sobrecarregado.
Se quiser um desafio tente re-fatorar usando apenas Display flex!
