Responsive Figma Footer Implementation
Budget: $30 – $250 USD
I have a website coded entirely in custom HTML / CSS and a Figma file that already lays out separate footer designs for desktop, tablet, and mobile. I want that footer transferred to the site pixel-for-pixel, with every breakpoint behaving just as the design shows. The key items that must appear are the social media icons, the navigation links, and the copyright line—styled, spaced, and aligned exactly as in Figma.
You’ll work directly in the existing codebase, keeping everything lightweight and standards-compliant. Flexbox or CSS Grid is fine as long as the finished footer stays responsive across common viewports and is solid in all modern browsers.
Acceptance criteria:
• Matches Figma precisely at desktop, tablet, and mobile widths
• Includes the social icons, nav links, and copyright in the correct order and style
• No layout shifts or overflow issues when the window resizes
• Clean, well-commented HTML/CSS so I can maintain it easily
Once done, send over the updated HTML/CSS files (or snippets) plus a short note on any class or ID names you introduced.
You’ll work directly in the existing codebase, keeping everything lightweight and standards-compliant. Flexbox or CSS Grid is fine as long as the finished footer stays responsive across common viewports and is solid in all modern browsers.
Acceptance criteria:
• Matches Figma precisely at desktop, tablet, and mobile widths
• Includes the social icons, nav links, and copyright in the correct order and style
• No layout shifts or overflow issues when the window resizes
• Clean, well-commented HTML/CSS so I can maintain it easily
Once done, send over the updated HTML/CSS files (or snippets) plus a short note on any class or ID names you introduced.