Profile card component

Hello there, Ivan! 👋

Nice work on this challenge! 🙌 Your solution is responsive without media queries and looks great! It's amazing that you can handle those background patterns. 👏 When I was doing this challenge I couldn't figure it out by myself. 😅

Anyway, some suggestions from me.

• The photo needs an alternative text so that all users know that there's a photo of Victor Crest. It might also useful for SEO. So, the alternative text for the photo should be Victor Crest. For your information, alternative text for images should not contain any words that related to image (e.g. picture, photo, logo, icon, graphic, avatar, etc). It's already an image element so the screen reader will pronounce it as an image.
• I would highly recommend adding justify-content: center and then removing the margin: 0 auto from the .container element. Even better, you can remove the .container element entirely and put the text-align property into the body element. This way, you can clean up the HTML.

Overall. great work. You manage to handle those background images and finish this challenge without any media queries.. Also, it would be great if you can remove the .container element because I think you might not need it actually.

I hope this information is useful! Keep up the excellent work! 👍

Hi Ivan. Your solution looks good. Moving on, try to adopt html semantics. For example; replacing your div container with a main tag and using h1 as a first level heading and not the h2