Second try, only html css

Hi, A few suggestions for you to look into:

• semantic html - look up why this matters and consider what elements you might want to swap in this
• min- / max- widths and heights and how that helps build flexible layouts
• look up what position absolute does in terms of the dom
• different ways to center or position layouts without using explicit spacing units
• how to make the body fill your whole screen

Did you look into placing the background images as background images via css intead of rendering them from html? It's fine to do it the way you have, but you may find you prefer it.

Good luck with it all!

You can try adding top: -2.5% property in your .card class. This will make your card go up so it appears exactly as the problem statement. Note : try changing the percentage according to your convenience.

As you can see, the design looks a bit different. You can really focus on the font sizes.