Text & chatWrite

Build a maintainable responsive CSS layout

Solve a layout requirement with maintainable CSS.

What to provide

Layout
Existing conventions

Make it yours

Fill in what you know. Empty fields stay as placeholders.

Layout

Supply layout for this task.

Existing conventions

Supply existing conventions for this task.

Optional instructions

Plain languageSource onlyShow uncertainty

Your prompt

Create CSS for [layout] using [existing conventions]. Explain grid or flex choices, sizing, overflow and responsive behaviour. Preserve semantic markup and include checks for long content, zoom and small screens.

2 inputs to replace

How to use this prompt

Provide semantic markup and the project's existing layout conventions.

What to check in the result

Test long content, zoom, small screens and overflow before considering the layout complete.

Technology, explained

Ideas into practice

Build a maintainable responsive CSS layout

What to provide

How to use this prompt

What to check in the result