I used Grok to quickly write some code and adjust my ads. The issue was that the formatting needed updating for the little icons and text that make up my ad in the top-right corner of the page. So I fed Grok the existing formatting CSS, layout HTML, and told it what I wanted: one line of text centered under each image, like a caption.
It gave me back my old code with some adjustments, and I plugged it in. It wasn’t quite right, so I asked it to refine the result and try again. It asked if I wanted a certain shape, and it used keyboard characters as a visual representation instead of literal code. So it basically drew me an image using only text characters. I corrected it and replied in the same way, using a new line to indicate a row. That seemed to help, and after that I didn’t need Grok anymore.
However, when I plugged the new code into the website there was still a problem. I knew it was just a small formatting error. It was a table with divs nested inside, and I had missed a closing tag—or put it in the wrong spot—probably because the new code wasn’t inserted in the exact right place. A classic copy-paste coding mistake; but easy enough to fix by hand. Everything has to be precise.