A desktop/mobile compatible social page using flexbox.

👋Hi Mason!

Like Manikandan has said, on mobile everything is overflowing. Try to fix this layout issue.

I have some feedback on this solution:

• You should wrap all your page content, except the attribution with main tag.
• For the attribution, you can swap the div with footer tag.
• Only have one h1 for every page. It's a good practice and good for accessibility. Also the Rated 5 stars..., should not be headings.
• Avoid inline styling! It can create a lot of issues, especially on bigger project.
• Heading order is extremely important. You need to use h1, h2, h3, and so on. Remember don't use heading for making the text bold and smaller.
• You might want to use strong or em tag instead of heading tags.
• For the comment, I recommend to use blockquote to make it more semantic.
• Always set all elements to box-sizing: border-box to prevent unexpected things when you're adding padding.
• Use rem or sometimes em instead of px. Using px will not allow the users to control the size of your page based on their needs.

That's it! Hopefully this is helpful!

Mobile view is over lapping

There lots of gab between top section and bottom section

Otherwise is good