Learn CSS
I&#x27;ve always wanted to write my own CSS guide, because (in my experience) people are rarely focused on the right thing when they&#x27;re writing CSS.<p>Developers (especially junior) think that if it <i>looks</i> right, that it <i>is</i> right, and they&#x27;re done. But CSS is <i>not</i> just specifying how something looks, you are also very much specifying visual <i>behavior</i>, not just appearance. Content is dynamic, layouts change at different breakpoints, new elements come and go, another dev comes in and adds something later... you need to account for all of these things.<p>For example, a developer rotated an element using CSS transform because the library we were using only supported a horizontal layout and not a vertical one. Sure, everything <i>looked</i> right in isolation, but now this element doesn&#x27;t play nicely with others, because transform only affects the <i>visual</i> position, not the <i>offset</i> position of the element, so all its siblings still think it&#x27;s horizontal, and they&#x27;re getting all jumbled together.<p>Or, using absolute position to, say, anchor a close button to the top right of an element. Sure, the way you did it happened to put it <i>visually</i> in the right spot, but it&#x27;s not <i>actually</i> in the right spot according to the layout engine because its offset parent is not the element you&#x27;re trying to anchor it to, so if other content gets put in there eventually, it will be in the wrong spot.<p>Or, they&#x27;ll use `line-height` to add space around some copy, without thinking about how that text will now look when wrapped.<p>So in my opinion, any CSS tutorial worth a damn needs to hammer home that (1) just because it <i>looks</i> right doesn&#x27;t mean it <i>is</i> right, (2) you can&#x27;t really ever style an element in isolation, you need to think about how it interacts with its parent and sibling elements, and (3) elements actually have two different positions, one that you see, and a potentially different one for layout.<p>Knowing those things is key to understanding whether you&#x27;ve designed things &quot;correctly&quot; vs. something that just happens to look right in the moment.<p>(I&#x27;ve only skimmed this course so far, so I&#x27;m not sure whether it satisfies what I want. But I&#x27;m hopeful!)