All solutions

This one was pretty tricky. I still don't think it's fully responsive and I had to hard code some of the css for items to appear where I wanted them. I also struggled to get the fonts I wanted in VSCode.

Although I used FlexBox for this exercise, I still had to move items around with margin, padding etc to get them where I wanted them.

This doesn't seem right but the final product is almost good enough.

As always, please share any feedback so I can continue to grow as a front-end-developer.

Thanks all,

Donn

For some reason I got completely lost in git on this challenge. I finally got to the end of it. Phew! I also think that I might not have this fully optimised for mobile (?).

In the end I sort of cheated when attempting to center div1 in the middle of the page. I wanted to use flexbox to align it vertically but couldn't get it to work so I simply gave it a 20vh margin-top.

Probably not the best approach but I welcome any feedback on this. Thanks in advance,

Donn