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.
Hey looks alright. Your img tag did trigger the html report for accessibility so make sure you add some alt="" text. Also, the card should be at least 10% larger on desktop. I checked on different screens and also scaled down the screen but I dont seem to be running into footer going to the left problem. Your footer seems to also be fine stuck to the bottom but you could in some situations also use 'margin-top: auto;' in the footer css to stick it to the bottom