Hero image
The main image in the first section of a page
Words that go with it
- Alt textA short description of an image, read aloud by screen readers and shown if the image fails to load
- Aspect ratioAn image's shape, as width to height. 16:9 is wide, like a TV screen
- Code blockA box in ChatGPT's answer with text that keeps its exact formatting, with its own copy button
- HandoverThe moment planning becomes building: a saved brief and image files Cursor can read
- Interview promptA prompt that asks the AI to question you, one question at a time, before it writes anything
- next/imageNext.js's image component. It sends each visitor a version of the image sized for their screen
- object-fit: coverA CSS setting that makes an image fill its box without stretching, trimming the edges if needed. In Tailwind it's the class object-cover
- public folderThe folder in a Next.js app for images and files served as they are. public/hero.png appears at /hero.png