Flexbox

Hey there! 👋 Here are some suggestions to help improve your code:

• Do not forget ⚠️ to check your FEM report (It provides value information), to see what is incorrect and update your code with it. This should be done immediately after submitting your challenge.

• Every site should ALWAYS have ✅ a main element not only for semantic purposes but also to help assistive technology find the main content of your content. For this challenge, it will serves as the component’s container ⚠️.

More Info: 📚

MDN Main Element

• The "NFT image" alt tag description needs to be improved upon ⚠️. Assume that you are describing the image to a someone over the phone.

More Info:📚

https://www.w3.org/WAI/tutorials/images/

• The profile image is not decorative ⚠️. The alt tag should not be blank. It should state the following; “Headshot of -person’s full name-“

More Info:📚

Headshot Alt Text

• Your CSS Reset is being underutilized. 😢 To fully maximize 💯 it, you will want to add more to it. Here are some examples that you can freely use 😁: Josh Comeau Reset Eric Meyer Reset

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding! 🎆🎊🪅

Replace <div class="container"> with the main tag and replace <h3> with <h1> to fix the accessibility issues.

Use the colors that were given in the styleguide.md found in the zip folder you downloaded

There is no need to give .container a height value, replace that with a padding value for all the sides. for a responsive content that wont require a media query for this challenge, replace the width of .container with max-width. .container{max-width:375px;, padding: 15px}.

Hope am helpful.

Well done for completing this challenge. HAPPY CODING