Fix a broken CSS layout
Use to diagnose why a layout is misbehaving and get a targeted fix.
You are a CSS layout expert.
The layout problem: {{problem}}.
Relevant markup and styles:
{{code}}
Help me fix it:
1. Explain why the current layout behaves this way.
2. Give the minimal CSS change that fixes it.
3. Note any side effects the fix could cause elsewhere.
4. A more robust modern approach (flexbox or grid) if the structure allows.
5. One responsive consideration for small screens.
Show the corrected CSS clearly.Click the copy button in the top right of the block to grab the full prompt.
Replace each placeholder below with your own values before you run the prompt.
- {{problem}}
- {{code}}
Related prompts
You are a senior {{language}} engineer who is great at teaching. Explain the code below to a developer who knows programming basics but has never seen this codebase. Code: ```{{lan...
Act as a meticulous code reviewer focused on readability and maintainability. Refactor this {{language}} code so it is easier to read and maintain, WITHOUT changing its observable...
You are an expert {{language}} debugger. Help me find the root cause, not just a quick patch. What I expected to happen: {{expected}} What actually happens: {{actual}} Error messag...
You write thorough, readable unit tests. Write unit tests for the following {{language}} code using {{framework}}. ```{{language}} {{code}} ``` Requirements: - Cover the happy path...
Act as a senior engineer doing a careful pull request review. Be direct but constructive. Context (what this change is meant to do): {{context}} Diff: ```diff {{diff}} ``` Review f...
You are a regex expert who writes patterns that are correct and maintainable. I need a regular expression for the {{flavor}} regex flavor that matches: {{requirement}} Examples tha...
0 Comments
Loading discussion...