Ich passe deine Seite mit pixelgenauem CSS an dein Figma-Design an


Über diesen Service
Automatische Übersetzung
Du hast es in Figma entworfen. Jetzt stimmt die Live-Seite nicht ganz überein, und diese Lücke ist kein Zufall. Figma kann nicht ausdrücken, wie Schatten auf dunklen Hintergründen übereinanderliegen, wie Schriftarten auf verschiedenen Betriebssystemen dargestellt werden oder wie Safari Flexbox anders interpretiert als Chrome. Die Übersetzung vom Design zum Code verliert immer etwas, es sei denn, die Person, die es macht, versteht beide Sprachen.
Ich tue das. Schick mir deine Figma-Datei und deine Live-URL, und ich schließe die Lücke genau.
Typische Arbeiten, die ich übernehme:
* Flexbox/Grid-Layout, das bei bestimmten Viewport-Breiten bricht
* Komponenten, die von den Figma-Spezifikationen abweichen
* Konflikte bei Tailwind Utility-Klassen und Spezifitätsproblemen
* Cross-Browser-Inkompatibilitäten (Safari, Firefox, mobile Chrome)
Technik: CSS, Flexbox, Grid, Tailwind, SCSS, React, Next.js, responsive Breakpoints, Cross-Browser-Fixes
Rechte Dritter respektieren
Bitte beachte, dass es gegen die Richtlinien von Fiverr verstößt, wenn Freelancer Themes, Vorlagen oder andere Elemente, die die Rechte Dritter oder geltende Gesetze verletzen, in die gelieferte Arbeit aufnehmen. Lies mehr darüber in unseren Leitfaden für verantwortungsvolle digitale Kreation.
Lerne Ildar Sagdejev kennen
Full stack TypeScript software development
- AusVereinigte Staaten
- Mitglied seitMärz 2023
- ⌀ Antwortzeit12 Stunden
Sprachen
Englisch
Automatische Übersetzung
FAQ
Automatische Übersetzung
Was brauchst du von mir, um anzufangen?
Ein Link oder Screenshots, die das Problem zeigen, eine Möglichkeit, auf den Code zuzugreifen (Repository oder Zip), und eine kurze Beschreibung des erwarteten Ergebnisses.
Mit welchem Tech-Stack arbeitest du?
CSS, Tailwind, SCSS/Sass, Bootstrap, React, Next.js, CSS Modules, styled-components und reines CSS. Enthalten sind auch Fixes für verschiedene Browser und Breakpoints.
Was zählt als „ein Problem“ im Basic-Paket?
Ein einzelnes Layout-Problem in einem Abschnitt – zum Beispiel ein falsch ausgerichteter Mobile-Header, ein Raster, das nicht umbricht, oder falscher Abstand. Wenn es mehrere Abschnitte betrifft, ist Standard die richtige Wahl.
Was ist, wenn ich nicht sicher bin, wo das Problem liegt?
Sende Screenshots oder einen Link und ich finde die Ursache heraus und sage dir, welches Paket passt.
Kannst du mein Figma-Design oder meine Vorlage exakt umsetzen?
Ja — füge das Figma Spec Matching Add-on hinzu und teile einen Link mit Ansichtszugriff. Ich setze das Layout genau so um.
Was zählt als Überarbeitung?
Eine Revision ist eine Korrektur – etwas, das ich missverstanden oder falsch gemacht habe im Vergleich zum Briefing. Änderungen, die über den ursprünglichen Umfang hinausgehen, sind keine Revisionen; ich werde diese separat anbieten, bevor ich zusätzliche Arbeiten durchführe.
Was ist, wenn das Problem größer ist als erwartet?
Ich gebe dir Bescheid, bevor wir weitermachen, und schlage das passende Paket oder ein individuelles Angebot vor – keine Überraschungen.
