Phoenix - Your AI AssistantCSS Projects
Looking for freelance CSS jobs and project work? PeoplePerHour has you covered.
Website designer
Seeking an experienced website designer to craft a modern, responsive, and user-centric website. Project entails creating intuitive layouts, visually engaging UI, consistent branding, optimized navigation, and mobile-first design. Deliverables include homepage and inner page templates, style guide (colors, typography, UI elements), image and icon suggestions, and responsive mockups. Ideal candidate demonstrates strong portfolio, proficiency in HTML/CSS, Figma or Adobe XD, attention to accessibility, and ability to iterate based on feedback.
PSD to HTML – Pixel-Perfect & Responsive Website
PSD to HTML Developer Needed – Pixel-Perfect & Responsive Website 2 Pages Only We are looking for an experienced Front-End Developer to convert our PSD design files into clean, pixel-perfect, responsive HTML/CSS websites. The ideal developer should have strong attention to detail and be able to accurately reproduce the design across desktop, tablet, and mobile devices. Responsibilities Convert PSD designs into clean, semantic HTML5 and CSS3 Ensure the website is pixel-perfect compared with the original PSD Build fully responsive layouts for desktop, tablet, and mobile Implement interactive elements using JavaScript where required Ensure compatibility across modern browsers, including Chrome, Firefox, Safari, and Edge Optimize code for fast loading and good performance Follow modern HTML/CSS coding standards Properly implement fonts, images, spacing, colors, icons, and other design details Ensure the layout works correctly at different screen sizes Provide clean, organized, and maintainable source code Requirements Proven experience with PSD to HTML conversion Strong knowledge of HTML5, CSS3, and JavaScript Excellent understanding of responsive web design Experience with Bootstrap or Tailwind CSS is a plus Strong attention to design details and spacing Ability to write clean and well-structured code Good communication and ability to meet deadlines Deliverables Fully responsive HTML pages based on the provided PSD files Clean HTML5/CSS3/JavaScript source code Responsive desktop, tablet, and mobile versions Cross-browser compatible implementation All required assets properly integrated Final source files ready for deployment To Apply Please send: Examples of your previous PSD to HTML projects Your estimated delivery time Your fixed price or hourly rate A brief explanation of your experience with responsive front-end development Please only apply if you can provide pixel-perfect results and clean, professional code. We are looking for someone reliable who can potentially work with us on future projects as well.
opportunity
Build a responsive Elementor sales page from Figma design
I'm looking for an experienced Elementor developer with excellent Figma skills to build a single sales page on my existing WordPress site, matching the Figma design as closely as possible. The design. Note: the design is 90% finished - some final changes are being made. Figma file: https://www.figma.com/design/yut5806S1Em5XJeF0ryHhf/Conservation--Careers-Design--25--Copy-?node-id=831-3292&t=P4ZSodUusBB6nOTd-1 What I need A pixel-accurate build of the Figma design in Elementor - spacing, typography, colours and imagery should match the design closely Fully responsive on desktop, tablet and mobile, tested across all three No new plugins - the page must be built with Elementor and what's already installed on the site. Any custom behaviour should use lightweight custom CSS/JS Clean, well-organised build (sensible section naming, global colours and fonts used where possible) so I can edit it easily afterwards Images optimised so the page loads quickly The tricky bit - scrolling tabbed section In the middle of the page there's a tabbed section that should "scroll up into itself" - as the visitor scrolls, the section stays in view and the content builds up tab by tab, before the page carries on scrolling. I've recorded a short video showing exactly what I mean: https://share.descript.com/view/YktbNWuErR2 This needs to work smoothly on desktop and degrade gracefully on mobile (e.g. stacked content or simple tabs if the scroll effect doesn't suit small screens). Timeline The work must be completed within 5 days of the project starting, including one round of revisions. The work should start next week, all being well. Budget £250 fixed price.
Logo design, business cards and email signature
I am launching a new business and require professional branding assets. I have a logo concept I like that needs to be refined and produced in correct, high-resolution formats for print and web. Deliverables: polished logo files (AI, EPS, SVG, PNG, JPG), print-ready business card design and dielines, and a compatible HTML/CSS email signature plus image assets. Attention to typography, color consistency, and print specifications is essential. Please provide final files optimized for both digital and print use.
Senior Front-End Developer with UX/UI Design Experience
I am looking for an experienced Front-End Developer who combines strong technical skills with a good eye for design. You should be able to build high-quality web applications while also thinking about user experience and interface improvements—not just coding from a design file. Tech Stack Required: - React (Next.js preferred) or Vue.js (Nuxt preferred) - TypeScript - Tailwind CSS - State management (Redux / Zustand / Pinia) - Animation libraries (Framer Motion / GSAP) What You'll Do: - Proactively suggest UX/UI improvements during development - Optimise for speed, performance, and scalability - Write clean, maintainable, and well-documented code What I'm Looking For: - Ability to explain design choices, not just technical implementation - Strong attention to detail and a user-first mindset Timeline: 2 months
Fix iPhone responsive layout issue on Framer site
My live Framer site (galileolifesciences.com) displays correctly on desktop, tablet, and in Framer's preview, but renders wrong on real iPhones: content appears in a narrow, left-aligned column with empty space on the right instead of filling the screen. Potential Root cause The Phone breakpoint is built on fixed 390px-wide shells (layout shell, page frame, header), so it can't stretch to fill wider iPhones. Some panes also use viewport-width (vw) sizing that behaves differently on iOS Safari. A key fixed-width constraint sits on a generated wrapper element that can't be reliably targeted from custom code. Important: I have worked through this extensively with Framer's built-in AI. It diagnosed the problem but was not able to fix it ; its attempts (custom CSS, and a runtime JavaScript resizing script) either failed or caused the layout to flicker. Framer AI itself concluded the clean fix requires editing the canvas structure directly, which is outside what it can do. So please don't rely on Framer AI for this, I need a human who works in the Framer canvas. What I need Rebuild the Phone breakpoint so the layout is genuinely fluid and fills any modern iPhone, with clean, consistent padding. Remove the vw-based sizing and fixed-width workarounds on mobile; no runtime JavaScript to size the layout if avoidable. Apply the fix across all affected pages (Home, Capabilities, Team, and any others sharing the structure). Leave Desktop and Tablet unchanged, and test on a real iPhone before handing back.
opportunity
UI/UX web designer & Frontend developer
Objectives: To ensure the complete migration of the application from React to Next.js. To restore any UI components that were missed during the migration process. To enhance the overall user interface and user experience of the application. To refactor and clean up the frontend structure for improved performance and maintainability. Key Features and Requirements: Address layout and responsive design issues for a consistent user experience across different devices. Implement thoughtful improvements to the ui/ux of the application. Identify and fix bugs and inconsistencies within the application. Collaborate on the implementation of new features as the project evolves. Technical Specifications and Technologies: The project requires a solid understanding of modern frontend technologies. Candidates should be proficient in: React, Next.js, Javascript, html, css, responsive design principles, ui/ux design techniques. Deliverables and Milestones: Complete restoration of all UI components. Resolution of all layout and responsive design issues. Refactored and cleaned-up frontend codebase. Documented bug fixes and updates. Expected Outcomes and Success Criteria: The success of this project will be measured by the following criteria: Completion of the migration with all features functioning as intended. Improved performance and maintainability of the frontend code. Positive feedback on ui/ux from end-users. Additional Details: We are looking for a developer who enjoys refining and improving existing products rather than starting from scratch. Deliverables Deliverables Complete migration of the web application from React to Next.js Updated and enhanced UI/UX design for the web application
WordPress Developer — Assessment Modal and User Onboarding
I need an experienced JavaScript developer to build two specific interactive features for a WordPress listings platform. This is focused, well-scoped work with clear API documentation provided. No backend work, no AI, no server access required. What you are building: Feature 1 — Three-stage assessment modal Users click an eligibility button on any listing. A modal opens showing multiple-choice questions fetched from a REST endpoint. After questions are answered, a 10-second evaluation animation plays with a rotating ad display. Results show a percentage score dial, match verdict, and personalised recommendations. Please start your post with, I can do this at (best rate in fixed terms not per hour rate) Works differently for logged-in users versus guests. Mobile: bottom sheet. Desktop: centered modal. Feature 2 — Multi-step user onboarding flow After registration, users see a 4-step profile setup form collecting their interests, discipline, level, and goals. A second shorter form appears after their first save action. A toast notification appears when their profile reaches 50 percent completion. What makes this straightforward: All API endpoints are already built by a separate backend developer. You receive full documentation with exact URLs and sample JSON responses. You are consuming endpoints and building UI — nothing else. Skills needed: Vanilla JavaScript (ES6+, fetch, async/await, localStorage, DOM manipulation), CSS animation and transitions, WordPress REST API calls from the browser, responsive design for mobile and desktop layouts. Skills not needed: React, Node.js, PHP, AI knowledge, server access, database work.
Criar Website Institucional Responsivo para Empresa de Serviços
Descrição do Projeto: Estamos à procura de um freelancer experiente em web design e desenvolvimento para criar um website institucional moderno, responsivo e otimizado para uma pequena empresa de serviços. Objetivo: Criar um site profissional que apresente a empresa, os seus serviços e facilite o contacto com potenciais clientes. Escopo do trabalho: · Design moderno e alinhado com a identidade da marca · Website responsivo (desktop, tablet e mobile) · Páginas principais: Início, Sobre Nós, Serviços, Portfólio, Blog e Contacto · Formulário de contacto funcional · Integração com WhatsApp e redes sociais · Otimização básica de SEO (títulos, meta descrições, velocidade) · Painel de administração simples para atualizações futuras Requisitos técnicos: · WordPress + Elementor (ou tecnologia similar) · HTML, CSS e JavaScript básico · Conhecimento de boas práticas de UX/UI · Capacidade de entregar um site rápido e seguro Entregáveis: · Website completo e publicado · Acesso ao painel de administração · Breve formação/instruções para gestão de conteúdo · Suporte pós-lançamento por 15 dias Prazo: 2 a 3 semanas após aprovação do projeto. Orçamento: £300 – £600 (negociável conforme experiência e portfólio). Como candidatar-se: Envie a sua proposta com: · Portfólio de projetos similares · Prazo estimado · Valor do projeto · Tecnologias que pretende utilizar Daremos preferência a freelancers com boa comunicação, portfólio relevante e avaliações positivas.
Past "CSS" Projects
PDf to HTML CSS (Tailwind for Nxxt Js)
We have 80 - 90 education pages in pdf format we want them to convert in html css format. All the images and relevant text is in ready format and also available in high resolution. Provide quotation for this along with timeline.
opportunity
Publish ChatGPT built website
EDIT: My hosting does not support NodeJS, timeout and flock I need help publishing a website built using ChatGPT Sites. I have downloaded the files. The technology used is: - React 19 - Vinext and Vite - TypeScript - CSS I have domain name and Linux hosting, here is the ReadMe file: ##Website handover This archive contains the complete editable source for xxx website Version 19, including all page code, styling, photographs and video assets. ## Technology - React 19 / Next-compatible source - Vinext and Vite - TypeScript - CSS in `app/globals.css` - Public images and video in `public/` This is not a collection of hand-written flat HTML files. The page source is held in the `app/` directory and is compiled into the deployable website. ## Main pages - `/` — Home - `/kitchens` - `/furniture` - `/gallery` - `/how-we-work` - `/about` - `/contact` - `/terms` ## Run locally Requirements: Node.js 22.13 or later and npm. ```bash npm ci npm run dev ``` ## Build ```bash npm run build ``` The current project was created for a Cloudflare Worker-compatible Vinext environment. If it is to be moved to conventional shared hosting that only accepts flat HTML/PHP files, the pages will need to be converted or statically exported by the hosting developer.
HTML Email Designer/Developer - Pharma Campaign
Design and build one responsive, coded HTML email. Existing brand assets (logos, imagery and visual style) from a related banner ad campaign for the same product will be provided. Key requirements from the spec: - Table-based HTML with inline CSS (not div/CSS-based), 600px maximum width, 72dpi - Important text kept out of images; prescribing information (PI) included as a link, never as an image - Must include the client's mandatory header/footer template - Fully responsive, and tested to look consistent across Outlook (2007-2016), iPhone and Android before delivery What we're looking for - Strong email design skills, incl layout, typography and hierarchy that work within the constraints above (e.g. designing around a text-link PI rather than an image-based one) - Solid, proven experience coding HTML emails for real-world sends - tables and inline CSS, not a page-builder tool - Comfortable testing across email clients (Litmus or similar) and fixing what it flags - Healthcare, pharma or other regulated-industry design experience is a plus, but not essential - comfort designing within a strict technical/compliance spec is what matters most - Able to turn this around by Wednesday, September 9th To apply, please send: - A couple of examples of HTML emails you've both designed and built - Your day rate or a fixed quote for one email - Your availability until and including Wednesday, September 9th, and the following two weeks, as there is potential for two additional emails for the same client after the first one
Squarespace editor freeze + navigation flash
Issue: The Squarespace page editor freezes/becomes unresponsive when editing site pages (Homepage confirmed, likely others). Blog pages are unaffected and edit fine. Please check the Custom CSS and Code Injection (Header, Footer, and page-level) for the actual fault. Squarespace error message says it's a script or code block conflicting with Squarespace's own editor. Secondary issue: on page load, the navigation text ("Home / Legal Services / Team / Case Studies / Clients") briefly flashes in plain, unstyled black text over the hero image before the page finishes rendering. Also, another code issue.
WordPress website setup
We are a non-profit small community group. We would like the existing html website content to be transferred/rebuilt on WordPress. The main priority is keeping the existing content, rather than creating a new or sophisticated design. We are happy for the new website to look somewhat different from the current website if this makes the work quicker and keeps the cost down. There is no need for a pixel-perfect copy or a complete redesign. The website should be simple, clean and functional. Once the project is finished, we need to be able to manage the website ourself through the WordPress dashboard. For example, we should be able to: Edit and add text Replace or upload images Add or edit pages Upload and replace PDF/documents Update news or other content Make basic changes without knowing HTML, CSS or coding
WordPress Responsive Fixes & Footer Finalization
WordPress / Elementor Developer Needed – Responsive Fixes & Footer Finalization I’m looking for an experienced WordPress + Elementor developer to help finalize an existing creative studio website. The website is already designed and largely completed. This is NOT a website redesign or rebuild. I need someone experienced who can carefully fix the remaining technical and responsive issues without changing the existing design direction. Scope of Work Optimize the existing website across desktop, laptop, tablet and mobile Fix responsive layout issues, including spacing, alignment, sizing and containers Ensure sections display consistently across different screen sizes Finalize and troubleshoot the footer across the website Fix any CSS/responsive conflicts affecting individual pages Check Elementor responsive settings and clean up unnecessary/conflicting CSS where required Ensure existing links, menus, buttons, videos and page elements continue working correctly Test the completed website across major screen sizes and browsers Important The website already has its visual identity, structure and content in place. I am not looking for someone to redesign it or replace the existing theme/layout. I need someone who is comfortable working carefully within an existing Elementor website and can identify the actual cause of responsive/CSS problems rather than applying temporary fixes that create problems elsewhere. The website also contains existing integrations and functionality that must remain untouched unless specifically discussed and approved. No new plugins, major theme changes, global CSS changes or modifications outside the agreed scope should be made without prior approval. Expected Timeframe This is a focused finalization task rather than a website development project. I expect the work, including responsive testing, to be completed within approximately 2 days of starting. Ideal Freelancer Strong WordPress and Elementor experience Excellent knowledge of responsive CSS Experience troubleshooting Elementor/theme conflicts Able to work carefully on an existing website Good attention to visual details Able to explain what was changed Available to complete the work efficiently When applying, please send: Examples of WordPress/Elementor websites you have worked on Brief details of your experience fixing responsive Elementor websites Your estimated timeframe I will provide the selected freelancer with the required access and a clear list of the remaining issues. Thanks Ahmed
Shopify Developer Required - Main Navigation & CLS
1) Our current site menu needs correcting and stabilising. We require: -Review the existing navigation structure -Fix menu behaviour on desktop and mobile -Ensure correct link hierarchy and hover/tap interactions -Resolve any Liquid/CSS/JS issues causing broken or inconsistent menu states -Improve menu usability without changing the site’s design direction 2) Third‑party audits have flagged issues with our structured data. We need a developer who understands JSON‑LD, Google Rich Results, and Shopify theme integration. 3) CLS Issues We require: -Audit all current schema using Google Rich Results Test & Schema.org Validator -Fix errors, warnings, and deprecated fields -Update Product schema (offers, priceCurrency, image, sku, aggregateRating, etc.) -Ensure BreadcrumbList schema is implemented correctly across collections/products -Ensure all structured data matches visible page content Requirements: -Proven Shopify theme development experience -Strong understanding of JSON‑LD structured data -Ability to work within existing theme constraints -No reliance on apps for schema generation -Clear communication and accurate implementation Deliverables -Fully functioning, stable menu across all devices -Clean, valid, Google‑compliant schema markup -Documentation of changes made -Before/after validation screenshots.
Two Professional Single-Page Websites – Hire Company & Cafe
I'm looking for an experienced web designer/developer to create two professional, modern, single-page websites for my businesses, Coffee, Keg & Cask and Lola's Catering. I normally build and manage my own websites, but I'm currently short on time and would like someone to take care of the project for me. What I'm looking for I need two separate websites, each with its own branding and identity. Both should look professional, modern and established, giving potential customers confidence in my businesses. Each website should include: A professional homepage with an attractive opening banner. A navigation menu with links that scroll to different sections of the same page. An About Us section. Details of our services and what we offer. A photo gallery to showcase our work and events. A contact section with a simple enquiry form. A fully responsive design that works perfectly on mobiles, tablets and desktops. I'm happy to provide the text, photographs and other content needed. Full SEO optimisation (important) I want both websites to be built with comprehensive on-page SEO in mind, not just basic SEO. This should include: SEO-friendly page titles and meta descriptions. Proper heading structure (H1, H2, H3). Keyword research and implementation relevant to each business. SEO-friendly URLs and website structure. Image optimisation, including descriptive alt text. Fast loading speeds and performance optimisation. Mobile-friendly design and technical SEO. XML sitemap and robots.txt configuration, where appropriate. Canonical tags and appropriate indexing settings. Open Graph tags for sharing on social media. Schema markup / structured data where relevant, particularly for local businesses. Google Search Console and Google Analytics setup, if possible. Local SEO optimisation to help potential customers find us through relevant local searches. I understand that SEO takes time and that rankings cannot be guaranteed. However, I want both websites built with a strong technical and on-page SEO foundation from the outset. Please specify exactly which SEO services are included in your quote. Hosting and ongoing costs I already own both domains and have web hosting with GoDaddy. I want the finished websites uploaded to my existing hosting. I'm specifically looking for a one-off payment, with no ongoing monthly fees or subscriptions. Ideally, the websites will be built in HTML/CSS or another suitable format that will allow me to make changes myself in the future. I will require the completed website files and full access to both websites once the project is finished. Budget and timescale I'm open to reasonable proposals and happy to invest in good-quality work, but I'm looking for a freelancer rather than an expensive agency. I'd like to get both websites completed as soon as possible, so please include your estimated turnaround time. When applying, please include: Examples of websites you've previously designed and built. Your fixed price for both websites. Your estimated completion time. Confirmation that you can upload the finished websites to GoDaddy. Details of the SEO work included in your quote. Confirmation that there are no compulsory ongoing fees. Whether you will provide any initial SEO reports or recommendations. I'm looking for someone reliable, creative and easy to communicate with who can deliver two polished, professional websites with a strong SEO foundation, without unnecessary complications. I look forward to hearing from you!
Shopify Theme Customization for Existing Store
I’m looking for an experienced Shopify developer to customize the theme of my existing online store. The main goal is to give the store a cleaner, more professional look while improving the shopping experience on both desktop and mobile. What I need: Customize the existing Shopify theme Improve the homepage layout and sections Update header and navigation Improve product and collection page layouts Adjust colors, fonts and spacing to match the brand Improve mobile responsiveness Make minor Liquid/CSS changes where required Test the updated store across desktop and mobile I already have the store and theme in place. I am looking for someone who can work with the existing setup rather than rebuilding everything from scratch. Please include examples of Shopify stores you have customized and briefly explain what you would improve in an existing theme. Deliverable: A polished, responsive Shopify store with the agreed theme customizations completed and tested.
opportunity
UK Web app developer — connect prototype to Stripe & Airtable
I have a fully designed, working front-end prototype (HTML/CSS/JavaScript — no framework). I need it made production-ready and connected to live services. The scope: • A multi-step tenant report form (around 9 steps) that looks up an organisation's contact email from Airtable and sends a formatted report email via Resend (plus a confirmation email to the user) • A login-protected dashboard for subscribers showing received reports, with deadline tracking (logic already designed in the prototype) • Stripe subscription billing: 3 plans, 30-day free trial, card or direct debit • One static pricing page (already built) • Deploy on Netlify, connect my domain, HTTPS • Important requirement: user-submitted personal data must NOT be stored — encrypted in transit, sent directly by email, only anonymous metadata saved to Airtable. A written requirements document covers this.
Shopify Developer Needed – Theme Customization for Fashion Store
I am looking for an experienced Shopify developer to complete and customize my premium fashion and accessories e-commerce store. ABOUT THE BUSINESS This is a premium/branded fashion store focusing on: • Men's fashion • Women's fashion • Shoes • Bags • Premium/branded accessories The website is being built on Shopify using the Ella Shopify 2.0 theme, which has already been purchased and installed. PROJECT REQUIREMENTS I already have a clear design direction, page concepts and visual references for the website. I am NOT looking for a completely new website design. I need an experienced Shopify developer who can take the existing Ella theme and professionally implement/customize it to create a premium, modern, trustworthy fashion e-commerce store. The main pages/areas will include: • Homepage • Men's section • Women's section • Collection pages • Product pages • Shopping cart • Search • Product filtering/sorting • Contact Us • Delivery information • Returns & Refunds • FAQ • Terms & Conditions • Privacy Policy • Header and navigation • Footer DESIGN DIRECTION The website should have a: • Premium appearance • Clean and modern layout • Elegant/minimal style • Professional fashion-store feel • Strong product presentation • Clear navigation • Strong customer-trust elements I will provide reference designs/screenshots and detailed requirements to the selected freelancer. TECHNICAL REQUIREMENTS • Shopify 2.0 • Ella theme customization • Responsive desktop/tablet/mobile design • Shopify theme configuration • Basic HTML/CSS knowledge • Basic Liquid knowledge for minor customizations where required • Shopify e-commerce functionality • Basic SEO and performance optimization • Proper image optimization • Clean implementation • Avoid unnecessary apps where native Shopify/theme functionality can be used IMPORTANT This is primarily an Ella theme customization project. I am NOT looking for someone to build a Shopify theme from scratch. I also do not want the website overloaded with unnecessary apps or complicated custom coding. The finished website should remain easy for me to manage after development, including adding products, editing prices, changing images, creating collections and updating basic content. MOBILE EXPERIENCE Mobile optimization is extremely important. The website must look professional and function correctly on: • Desktop • Laptop • Tablet • iPhone • Android DEVELOPER EXPERIENCE Please apply only if you have genuine Shopify development/customization experience. Ella theme experience is highly desirable. Experience with fashion, clothing, accessories or premium/luxury e-commerce websites would also be an advantage. PLEASE INCLUDE IN YOUR PROPOSAL 1. Examples of 3–5 Shopify websites you have personally developed/customized. 2. Examples of Ella theme work, if available. 3. Your Shopify experience. 4. Your estimated price for the complete project. 5. Estimated completion time. 6. What is included in your quotation. 7. Number of revisions included. 8. Post-development support available. 9. Any additional costs I should be aware of. IMPORTANT – QUOTATION Please provide a clear quotation and specify whether your price covers the complete project or only specific pages/sections. I am open to discussing the project in stages if that is more suitable. I am looking for a reliable freelancer who can work with my existing Ella theme and turn the supplied designs and requirements into a polished, premium and launch-ready Shopify store. Please review the requirements carefully before submitting your proposal.