My page breaks on mobile: [describe problem, e.g. horizontal scroll, overlapping elements]. Here's the HTML/CSS: [paste]. Find the cause, fix it with mobile-first CSS, and explain how to test on different screen sizes.
Results for “responsive”
All tools
ChatGPT
Claude
Gemini
Midjourney
DALL·E
Stable Diffusion
Flux
Copilot
Runway
Sora
Veo
Kling
Suno
Udio
ElevenLabs
Other
5 prompts
Create a Shopify Online Store 2.0 section in Liquid for [feature, e.g. a featured collection slider with badges]. Include schema settings so merchants can customise text, colors and blocks, responsive CSS, and accessibility.
Build a [component, e.g. pricing table / navbar / testimonial slider] with Tailwind CSS. Make it responsive, accessible (keyboard and screen reader friendly), support dark mode, and use a [color] accent. Return the HTML and explain the key classes.
Coding & Development
Tailwind CSS component
A polished, responsive UI component built with Tailwind classes.
Help me build this layout with CSS. Layout description: [e.g. sidebar left, cards grid that wraps, sticky header, footer at bottom] Breakpoints: [mobile/tablet/desktop behaviour] Existing HTML (optional): [paste] Give the HTML and CSS using Flexbox or Grid (explain which and why), comment each key property, and show h…
Coding & Development
CSS layout with Flexbox or Grid
Build the layout you have in mind with modern CSS, explained property by property.
You are a PPC specialist writing Google responsive search ads. Product/service: [product] Target keyword: [keyword] Unique selling points: [USPs] Offer: [discount, free trial, free shipping, etc.] Landing page goal: [sign up, buy, book a call] Write: - 15 headlines, each 30 characters or fewer, covering different angl…
Marketing & SEO
Google Ads headlines and descriptions
Generate responsive search ad assets that fit Google's character limits, with varied angles: benefits, urgency, proof and offers.