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
.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.
Use max-width or relative units.
If you need any help with this, this is a very good article as a refresher…
Today we're gonna learn how to use the CSS units EM, REM, VW and VH by working through some practical examples. We'll also see how to make responsive websites with these units. Let's start. 💖 Table of Contents * Why learn relative units? * What...
will surely look into it…
thank you for the reference
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.