Responsive page using CSS Flexbox

Congratulations on completing the challenge! 🎉

Welcome to the platform! 🎉 We're thrilled to have you here and excited to see your progress 💪as you continue your front-end development journey.

Your solution looks nice to me :)

Also great work with the JS, where the div elements created by the map function are added as children of the summary-items container in the DOM.

In my projects, I try to use at least one main element for a page, and avoid divs as much as possible and use section and article element wherever I can.

Now, to avoid styling issues one must clearly understand at least few basics of CSS.

I remember when I started out, I made countless mistakes and spent long hours searching for solutions. But hey, you don't need to go through the same struggles! 🙌 To help you shorten the learning curve, I recommend going through the following articles. They contain valuable insights that can make your journey smoother:

📚🔍 12 important CSS topics

📚🔍 11 important HTML topics

I hope you find these resources helpful in your coding adventures! 🤞

I'm eagerly looking forward to seeing the amazing projects you'll create in the future! 🚀💻

Keep up the fantastic work and happy hacking! 💪✨

Hi,

• You should have a main landmark element for semantics

• use a ul for the right column, not p tags.

Are you completly new to webdev? Did you have already the qr code challenge?

• why did you choose a p tag on those? "Your result" "Great" "Summary"

• Your button should have a type(type:button)