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 “css”
6 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.
Add a dark mode toggle to my site built with [stack]. Use CSS variables, respect prefers-color-scheme by default, remember the user's choice, avoid a flash of the wrong theme on load, and keep it accessible.
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.
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…
CSS layout with Flexbox or Grid
Build the layout you have in mind with modern CSS, explained property by property.
Act as a senior Next.js developer. Next.js version and router: [e.g. 15, App Router] Page: [purpose] Data source: [API/database] Styling: [Tailwind / CSS modules] Write the page using server components where appropriate, a client component for interactivity, loading and error UI, metadata for SEO, caching/revalidation…
Next.js page with data fetching
Build a Next.js page or route with data fetching, loading and error states and SEO metadata.