All solutions

What would you have done if you are given an SVG image with different width(1366px) than what the design needs(1440px) or given an inconsistent data type on the same attribute (data-tools: ["x"] and data-tools: "x")?

Adjusting image SVG viewBox would have been the correct(?) move if you cant ask for new one. I used background:url(x) and I manually fix the data.json file. Would you have done the same on this challenge?

Looking for tips for structuring. Normally, I would put a page in a folder and put its contexts in it. But since this is just a landing page, I just let them be. Any feedbacks are deeply appreciated.

which size unit(em, rem, px) you think would better fit in this challenge? and why? I tried to match the design as much as possible without the sketch design file.