Multi-form using React and CSS

The key problem here was the buttons at the bottom of the page, particularly in the mobile view. They needed to be within the form element, so I gave them a fixed position at the bottom of the page, although they'll be in different positions depending on the browser. I had to move the 'monthy-yearly' toggler on the second page to fit them in better.

The general size and spacing of the elements was also difficult to get right. I estimated most of the them using margin and padding, but it would be better if they were more consistent. Maybe bootstrap would have been better here?

The functions work well, but maybe I needed fewer of them, or there are more efficient ways to get the same result ?