Post

I redesigned the admin dashboard at my new job – mainly upgrading from Bootstrap to Tabler - and I had to correct my agent often. Like, it tried to add a new responsive breakpoint, when a container query would be more suitable (within a modal). Surprise, surprise, it's still useful to know things.

0 reposts1 like

Responsive design is much easier with AI. But I still have to tell my agent *how* to be responsive; what content is overflowing, which elements should wrap in which way, when a table should be horizontally scrollable etc. I cannot just say "make this responsive", I still need to provide my taste.

The agent copied the breakpoints the rest of the repo uses. In a modal the viewport is the wrong axis by construction, and asking for the right breakpoint in the prompt only fixes that one component. Making container queries the default in the repo is the part that holds.