Fylo data storage component challenge hub

Hey Yasser, nice job congrats! I have a few suggestions for you:

• Change background-size from initial to contain
• You should have align-items: flex-end on your .cards
• Make images on left card same size
• Check accessibility and HTML issues on your solution so you can see and learn much more, they are very important

Hi Yasser! 👋

This is cool! I have a couple of small suggestions:

The background image is cropped on larger screens. I'm not sure the best approach here, but I think that setting background-size: cover; background-position: 50vh; might make it look reasonable on most viewport sizes.

If you set align-items: flex-end on div.cards the two panels will line up by their bottom edges which matches the design.

The only other thing I would recommend is that you take a look at the progress element. It's not the easiest thing to style, but it makes sense semantically here.

I hope that's useful! 🤓