Issue in Mobile Responsiveness

While building my portfolio site i came across this problem. The web view is okay but when i view it on mobile i get this :

There you can see extra spaces on the right side for which a horizontal scrolling comes up in mobile view… I do not know what I am doing wrong. The code is available on my github. Link to the repository is provided below :
(GitHub - jdpro19/jd_portfolio)

The overflow is from the fixed width on .rightMain and .pic (and some margin). Use max-width or relative units.

BTW, hiding the overflow isn’t really a fix. It isn’t the end of the world to hide a little overflow at very low screen widths but it should be used after fixing all overflows that can be fixed.

1 Like

Use max-width or relative units.

If you need any help with this, this is a very good article as a refresher…

1 Like

will surely look into it…

thank you for the reference

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.