[bigtex88]

As a heads-up to any other developer - this is the type of thing at which LLM's excel. I would absolutely never mess with Flexbox on my own anymore. It's too esoteric and weird, and I don't need to waste time trying to get things to line up when ChatGPT or any other LLM can get it done almost instantaneously.

[mhuffman]

I have never had any trouble with flexbox or grid, but am curious how do you use LLMs to do your layout or to get it to do layout with flexboxes? Do you just give it a very detailed description of the layout? Or do you give it an image that you have put together? Do you have an example of this? I am very curious to try it myself.

[bigtex88]

Couple of different things I've tried that I've had pretty good luck with. Either just giving it a picture of something similar and saying "I want my layout to look like this". You can give it your code and tell it something like "I want the text in Box A to line up with XYZ" or something similar.

I treat it as if I'm speaking with the world's foremost expert on CSS and most of the time it's spot on.

[CamperBob2]

"Here, have your mandatory downvote for suggesting a valid AI-based approach on HN." -- HN

This is exactly what LLMs are good for -- applications where you can immediately test and iterate on their output.