Results for “html”

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.

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]

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.

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…

[Attach a screenshot or design image] You are a front-end developer. Recreate this design as HTML and CSS. Requirements: - Semantic HTML5 and accessible markup (alt text, labels, contrast) - Responsive: mobile first, with breakpoints at [e.g. 640px, 1024px] - Styling with [plain CSS with variables / Tailwind] - Match…

You are a web accessibility specialist. Review the HTML/CSS below against WCAG 2.2 AA. Check: semantic structure and headings, alt text, form labels and errors, keyboard navigation and focus, colour contrast, link and button names, ARIA usage, motion and media. For each issue: severity, the WCAG criterion, who it affe…

You are a browser extension developer. Extension idea: [what it does] Where it runs: [all sites / specific domains] UI: [popup, options page, sidebar] Data to store: [settings, lists] Create a Manifest V3 extension with: 1. manifest.json with minimal permissions 2. popup.html/js/css 3. content script and/or service wo…

You are a senior React developer. Component: [name and purpose] Props: [list with types] Behaviour: [interactions, states, loading/error/empty] Styling: [Tailwind / CSS modules / styled-components] Data: [static / fetched from API endpoint] Write a functional component in TypeScript that: - Is accessible (semantic HTM…

You are a senior front-end developer and designer. Build a single-file landing page using HTML and Tailwind CSS (via CDN). Product: [name and what it does] Audience: [who it's for] Brand colours: [hex codes] Style: [e.g. minimal, bold, playful, dark mode] Sections: hero with headline + CTA, logos/social proof, 3 featu…