All solutions

I found the web version a bit more challenging with media quiries. I start with mobile first and then did web site. When creating the white merge between the 2 divs i tried to apply negative positoning and that did not work. I finally decided to add a div with a white background and used position absolute to place in the middle behind the 2 main divs.

My Main aim with this project was to replecate the desige as close as I could whilst maintain dry code.

The biggest challenge that I faced with this project was adding the space after every 4 characters in the card section. I was really please that I built reusable code/functions and made my code more dry. I am still frustrated as I cannot find a solution to remove error message after the input field has had text keyed on. Any feedback on improvements to my code would be welcomed. but overall I am happy that I am starting to see the fruits of my labour.