I've been fighting with CSS all day. I'm going to channel my inner nostr:nprofile1qqsph3c2q9yt8uckmgelu0yf7glruudvfluesqn7cuftjpwdynm2gygpz3mhxue69uhhyetvv9ujuerpd46hxtnfduq3qamnwvaz7tmwdaehgu3wd3skueqpzpmhxue69uhkummnw3ezuamfdejsqzvnx6 and say a few prayers and swear words and hope for the best.
Discussion
even chatgpt struggles with CSS. I knew it wasn't me who was the problem. CSS is the problem.
Accurate.
That is probably the most accurate meme in the history of memes. What if I add one blank space 273 lines away from the class I'm having issues with... that certainly wouldn't fix it, right?
* Hits refresh *
* Works as intended *
It truly is
šššš
This is where the laughing while crying emoticon is perfect.
Cries with padding
š¤£ š¤£
š
Thoughts and prayers.
Its software architectures, backend engineers and css magicians
LLMs are actually perfect for this (at least in simple scenarios). Using tailwindcss also helps them work at a higher level of abstraction, and localize styles to the markup, meaning the LLM doesn't have to compare multiple files to get it right.
i've been trying to use an LLM this afternoon since i failed manually all morning and im not having any luck. #notadev
Well it took me hours but the LLM would have never known it was a text wrapping issue because of long strings of text for tagging npubs š¤
This.
Only thing it does worse than CSS is regex. I've had to give up and fall back to regex editors because it didn't want to escape parenthesis and stuff.
Text wrapping in css is impossible to get right anyhow
I did some simple CSS with Claude on Duck Duck Go's AI chat. I think it went well.
Iām not the worst at CSS, let me know if I can help.
GRID vs FLEX BOX?
FLEX BOX
I AM AN AMATEUR WEB DEV
THIS SITE SET ME IN THE RIGHT DIRECTION WITH FLEX BOXES
css-tricks.com/snippets/css/a-guide-to-flexbox
RECENTLY I FIND MYSELF CREATING THE MAIN LAYOUT WITH GRIDS AND INSIDE EACH GRID CELL I USE FLEXBOXES
Thanks. I was a bad webdev 20 years ago when my tools of choice were PHP and Flash š¬
FLEX BAWX
Cries with margin and padding at the same time