All solutions

The left and right card in the bottom of the main card are difficult to place correctly with Flex. I choose grid, and it was for this solution the best for me.

I learnd to build mobile first. I will do this in future too.

My goal is to solve all the Challanges to get better.

Difficult was again the perfect centering of the card.

Another difficult was to implement the responsitivity to all screensizes. I have to learn which code i have to use, to resize the whole container within all of the childs to get a fully responsible website in less than 2 hours. It take to long time to design such a simple Website.

But, learning by doing. I look forward to get better so that this will no longer take so long time. Thats why i do this challenges.

Pls let me know if i can make it better. I'm in a learning Prozess in HTML5 CSS3 and JavaScript.

Difficult was to center the Element in the middle of the Screen. display:flex and justify-content, align-items center doesnt work since i gave the element a height of 100vh. I dont understand this.

I am unsure of the footer. In scaling down, at a point the footer goes to the left. Doenst stay in the middle. Nice to know how i fix this professionally.