All solutions

This is an issue that I just can't seem to solve, with height and width and max-height and width, or 100vh and 100vw in any project. There must be something basic that I am doing wrong. I want to start my next course, I'm studing at home to try train as a developer but don't want to start without being able to do something this basic. Can anyone please help me? Have a look and see what it is that I am doing wrong or what it is that I don't understand. The problem in this project is when we reach the mobile size in responsiveness. So below 544px. I can't get the background image to fill the screen. Thank you.

Couldn't get the rounded cornered button that I wanted if anyone can help me with that, thank you

I attempted nft preview card and used flexbox to practice before moving onto CSS grid

I needed to make the flex direction column

It was all fine until I needed to align items within the components

No matter what I used, they would not move

Could you please have a look and tell me what I am doing wrong so that I fully understand flexbox?

Also I couldn't even centre the card in the middle of the body

Feeling very lost

Thank you

I found this harder than I thought I would. The positioning of the different divs took a while to get a hang of Working on a challenge instead of being led through a project is much harder but I think it'll really help me learn