The June CSS isn't magic newsletter
You missed this super obvious way to display elements in a column
There is the super short way to display elements in a column. Just use display: grid.
Focus styles aren’t equivalent to hover styles
Focus styles can’t be equal to hover styles because in this case users have to understand a focus state for every element. It’s why outline is the most safe way!
scroll-behavior: scroll can lead to dizziness or headache
Please, wrap it in the prefers-reduced-motion media feature. It’ll help to display smooth scrolling only if users allow it in OS settings.
Decorative lines are hidden in the Window High Contrast Mode
background-color will be set with the same value for all elements in the Windows High Contrast mode. As a result, the elements will be hidden. So consider border as an alternative.
background-color doesn’t allow controls merge with the white screen
Controls merge with a white screen before loading pictures. Why don’t you show me them? It’s easy to add background-color. I won’t wait loading pictures!
Note! You can read the all CSS isn’t magic posts right away. Just take a paid subscription.
Also, feel free to email me at melnik909@ya.ru if you have any questions.