# A minimal example of a CSS issue — prompt for ChatGPT

Reduce the reported layout problem to a short HTML/CSS example suitable for manual checking.

Canonical URL: https://boswidget.ru/en/a-minimal-example-of-a-css-issue-prompt-for-chatgpt/

Model: ChatGPT

Category: Code

Tags: CSS, reproduction, layout

![A minimal example of a CSS issue](https://boswidget.ru/assets/images/text-preview-cg-minimalnyj-primer-dlya-css-oshibki-1200.9d8854b6be82.webp)

A minimal example of a CSS issue

## Prompt

Help isolate a layout problem. HTML and CSS: {code}. Expected and observed behavior: {symptom}. Conditions: {environment}. Propose a minimal example preserving the likely cause and explain what was removed and why. Give one testable hypothesis at a time and the browser evidence that would confirm it. Do not claim to have seen the page or tested browsers. Do not redesign everything or add !important without explaining its necessity.

## Template fields

- `{code}` — Excerpt. Example input: A small related HTML and CSS example
- `{symptom}` — Problem. Example input: Expected and actual layout
- `{environment}` — Conditions. Example input: Window width, browser and important constraints

## Launch

[Open ChatGPT in YesAI](https://yesai.su/en/chatgpt)