Why it worked
It leverages a highly relatable pain point for web developers using a funny, physical visual metaphor that is easy to understand and share.
Summary
A person uses a hockey stick to try and hit a small object on the ground, representing the frustration of attempting to center a div element in CSS using ChatGPT. The video uses a humorous physical metaphor to illustrate a common technical struggle for web developers.
Structure
- 1Text overlay introduces the relatable technical struggle
- 2Person attempts to hit a small object with a hockey stick
- 3Repeated failed attempts emphasize the difficulty
- 4Video ends on the humorous visual metaphor
Product placement
ChatGPT is mentioned in the on-screen text as the tool causing the frustration.
On-screen text
how it feels trying to center a <div> using ChatGPT