🏠 portland, or, usa
📆 mid-30s
💬 here to make friends and chat
🎮 video games
👩🏻💻 web development
👩🏻🏫 teaching others
🎨 digital aesthetics
💅🏻 makeup & jewelry
👗 gothic fashion
👩🏻🎨 making pixel art
🤘🏻 progressive metal
🎸 video game music
🟢 everything green
🌟 neon colors and transparent plastic
So, I just mixed up the order of the conditional expression and the step statement in a Javascript for loop. I suppose it'd been a while, heh. Thankfully, was able to sort it out pretty quick.
been doing web dev for a decade and i constantly have at least 5 MDN tabs open at all times.
i still write both justify-content and align-items and just delete whichever one didn't work...
btw i would love a helpful mnemonic for remembering which is which lol
SWE productivity would drop like 60% if stackoverflow went down
Okay my way to remember:
Flex is left-to-right (horizontal) by default, like text. Image you want to "justify" text. So justify-content in flex regulates the axes the objects are per default on, while align-items regulates the other axes they might "snap" to top or bottom in.
TLDR: justify (like text) handles the thing on the main flex-direction axis.
Idk. Not that great of a way to remember but it's starting to work for me.
I think my biggest problem is that I forgot that flex is row not column by default. I think this explanation will help, though. Thanks!
a horrifying side note: at my last job, someone made a design system where <Columns> corresponded to flex-direction:row and <Rows> corresponded to flex-direction:column, which caused so much pain and suffering my brain
oh no that left you with lasting damage
I think most people without that damage can remember it because you always have to specify if you want it column/top-to-bottom/vertical. But you don't have to specify for horizontal.
