Content width larger than the length of the user's screen in small devices



I’m doing the second project of the Intermediate Front End Development Projects: Show the Local Weather.

I’m having problems with the width of my page. The content of my project has its width larger than the width of the user’s screen in small devices (less than 768px). I don’t know what is causing that.

Here is the live page of my project on github. here is the repository.

Ty for your attention.

Ps.: I am having problems with an HTTP request on my page. This started happening this afternoon and is causing most of the content to not appear. I’m not sure what the problem is. I will try to check this problem later.


It seems to be working fine on my end… granted, you have it so everything just scales down really small to fit the same layout you have for the big screen on mobile, but it is at 100% width and not cut off in mobile view.


It seems to be caused by the -15px margins left and right for the row class selector in your grid-framework.less.


Ty for your response. You not only helped me solve the problem but it also helped me improve my debugging skills. :v:


Ty for your feedback. :slight_smile: