Help with accurately matching CSS from designs
I am having issues where my code does not always match the design visually. I feel I am missing a topic or something to help bridge the gap. Can anyone help. This is an example.
4 Replies
The spacing, size and opacity of the "or sign in with" divider is all wrong. Pay attention to those details to make the design easier to read and visually balanced. Similar issues exist in a few places in just this component, find and fix them 👍
Visually grouping and highlighting meaningful elements - on the right my eyes go to the sign in options first, see the Welcome back! text and then sign in button. Everything else is there if I need it, and does not distract. In the left image, my eyes wander up and down.
"visual hierarchy" is a general topic to search.
thank you
how about now @missymae
Nice, I think it looks much better now.