For Devs/Engineers and even many designers, things some of us tend to take for granted were amazing to them. So, my first recommendation is to read Refactoring UI end-to-end and keep a copy handy at your desk.
PS. Refactoring UI is from the guys who created TailwindCSS.
$99 for a 218 page PDF which, while it has a Goodreads page which rates it highly:
https://www.goodreads.com/en/book/show/43190966-refactoring-...
doesn't have a working "Purchase on Amazon" link, and searching there for:
"Refactoring UI Adam Wathan , Steve Schoger"
returns no results.
One can get two "free" chapters in exchange for one's e-mail address.
Book deal fall through? Why?
May be it's just me, but the very first example (contacts form) looks better (easier to read) on the left than text in empty space on the right (which is supposed to be the good design)...