Skip to content

Results for “html”

4 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

Review and rewrite this page's HTML for SEO and accessibility: semantic elements, heading order, meta title and description, Open Graph tags, canonical link, structured data for [type], and image alt text. HTML: [paste HTML]

ChatGPT
Coding & Development

SEO-friendly HTML structure

Semantic HTML and meta tags that help search engines.

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