HTML, CSS (Flexbox), JS

Hello again Zach Kyman.

The problem is the javascript, the shareBox class does not have any display attribute so it enters the else that hides the content of the share. What you should do is assign the display: 'none' attribute by default in the shareBox and shareBoxArrow class.

Sorry for my english and I hope I've helped.

Happy New Year ✨.

Hi Zach,

The content is displayed in a really strange position for me on mobile, low down the screen and I have to scroll slightly to the side. This is caused by 2 things

• the padding on the body
• the explicit widths on the main container (card) which is wider than my phone screen

You shouldn't need to set any widths or heights on this except

• min height 100vh on body
• max width for card, once on mobile and once desktop
• maybe width and height on the image

And if you want to center content, don't use padding as that won't work for all screen sizes. Use flexbox or css grid instead as an easy way.

I hope that's helpful advice, if it is please upvote comments thanks

Hello Zach Kyman.

The github link is wrong, it is redirecting to another project.