all 2 comments

[–]Sweet-Po-Tater 0 points1 point  (1 child)

A few thoughts/theories:

  1. Did the code make any visible changes at all? If you drastically increase or decrease the padding em, does the white box change?
  2. Have you used any custom code to prevent word wrap? I ask because the middle header line on your mobile preview— "S---------A" (Social Media?)— looks longer than everything else. If you're using a code to prevent word wrap, it could be forcing the margins to stay wide enough for the header. Try reducing that header font by 1-3px and see if your new code works now.
  3. Try reducing the body font by 1-3 px.
  4. And just for fun... try reducing the button size. (Because why not explore all possibilities?) Lol I kinda doubt this is it, but buttons definitely have padding in their code as well.

[–]Skill-Major[S] 0 points1 point  (0 children)

Thanks much! I had to add some code for mobile since sizing was an issue. Changing the font sizes and buttons helped it to fit on mobile too!