Workit landing page - React + styled-components

What are you most proud of, and what would you do differently next time?

I think my design is pretty similar to the figma model.

What challenges did you encounter, and how did you overcome them?

I encountered several problems:

• How to perfectly place svg background with rounded bottom border.
• How to correctly manage margin between two sections : if two section have a 100px margin between them, who manage this margin? Top section with margin-bottom or bottom section with margin-top?
• Figma fonts engin render is not the same as google chrome or firefox font engine render.
• I have difficulty finding a compromise between a perfect rendering with the model and a fluid design, which adapts to all screens.

What specific areas of your project would you like help with?

• Spacing between section
• Managing background image position (like bg-pattern-1.svg etc) perfectly
• Using tokens for font-sizes / padding / margin or raw values?