Slider left to right problem in Technical Documentation project

Slider left to right problem in Technical Documentation project
0

#1

Hello everyone,

So im working on technical documentation project :
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page

since the exemplary project in the task description (link above) is done without flex or grid i did the same. The problem is that when you make the browser’s window smaller a slide bar in the bottom appears so you could slide from left to right and read the text. That is not supposed to happen. Sliding bar should not appear and the width of the text should shrink as the browser’s window shrinks.

Any suggestions how to solve this? :slight_smile:

My codepen:


#2

your css for main-doc should look like:

#main-doc{
  margin-left:250px;
  position:relative;
  padding: 40px;
  overflow-x: hidden;
}