Convert one Figma section into responsive HTML/CSS
About the task
We're rebuilding the marketing site for our product and moving it off a page builder into clean static HTML. The design is finished in Figma. This job covers one section only — the "Features" block. We're starting small on purpose: we'd rather find one developer we like working with than hand the whole page to a stranger.
What you'll deliver
One self-contained section.html + section.css that reproduces the Features block from the Figma file (link shared in chat after we connect).
Requirements
- Semantic HTML5, plain CSS — no Bootstrap, no Tailwind, no JS frameworks
- Responsive at 1440 / 768 / 375 px, matching the three Figma frames
- Use CSS Grid or Flexbox; no absolute positioning for layout
- Fonts loaded from Google Fonts, images exported from Figma as WebP
- Clean, commented code we can hand to the next person
Done means
Renders correctly in Chrome, Firefox and Safari, matches the Figma frames within ~2px, and passes W3C HTML validation with no errors.
Budget and timeline
80 USDT, fixed, escrowed before you start. 3 days from kickoff. This is roughly 3–4 hours of work — we've scoped it deliberately small.
About the follow-up work
To be direct about it, because "long-term opportunity" means nothing without specifics: the same page has 6 more sections in the same Figma file (hero, pricing, FAQ, testimonials, footer, contact). If this one goes well, we'll post them at the same rate per section, roughly one per week. You'd be under no obligation to take them, and we're not asking you to discount this task against future work.
