Responsive landing page using CSS Grid and Flexbox

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

Although JS was not required for the solution, I decided to make the version number configurable as a variable in JS.

It took longer than expected to get the layout positioned correctly especially since the design called for 2 images split by the hero content.

The section separators were tricky to implement - using a grid layout combined with a vertical linear gradient did the trick.

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

The section separator was a challenge that was overcome by leveraging linear gradient and grid.

The layout change for the hero section was solved by using a combination of grid and media queries to display and position the images as per the design.

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

Any feedback on optimising the solution is welcome - thanks!