Skip to content

Results for “css”

6 prompts

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.

ChatGPT
Coding & Development

Mobile responsive bug fixes

Fixes layouts that break on small screens.

0

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.

ChatGPT
Coding & Development

Shopify Liquid section

A customisable Shopify theme section.

0

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.

ChatGPT
Coding & Development

Dark mode toggle

A dark mode switch that respects system settings.

0

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.

ChatGPT
Coding & Development

Tailwind CSS component

A polished, responsive UI component built with Tailwind classes.

0

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…

ChatGPT
Coding & Development

CSS layout with Flexbox or Grid

Build the layout you have in mind with modern CSS, explained property by property.

0

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…

ChatGPT
Coding & Development

Next.js page with data fetching

Build a Next.js page or route with data fetching, loading and error states and SEO metadata.

0