Social proof section (Flexbox and CSS Grid)

Community feedback

• 

  Awais Muhammad Ahmed•120

  @awaiskoraiPosted about 4 years ago

  Hi! I am also a newbie, however. Upon inspecting using chrome developer tools you have forced a padding of 100px on top of whatever the inside content is!

  Getting rid of it in the whole-container class immediately curtails the horizontal scrolling. Also, reducing the padding to relative sizes such as 3rem certainly helps. For me, I would have wrapped all the contents in a div just after the body with 80% width. Then I can use margin: auto to centralize all the content.

  0

  ---

  

  Olatoye•50

  @Olatoye-TeePosted about 4 years ago

  Hello. I did that though nothing changed, the horizontal scroll-bar still remained. I think the pixel settings I used are stopping the page from being flexible enough to shrink when width is changed. I am still learning how to use rem and em.

  Thanks for your reply

  0

  

  Awais Muhammad Ahmed•120

  @awaiskoraiPosted about 4 years ago

  I changed your code on development tools. Worked for me. Another thing you can try is setting the overflow-x property to hidden for the body..

  0
• Account deleted

  Your design is good for desktop and mobile. As per your problems, I think you can view my code to get help. I also make a pull request on your code on Github to make corrections I know.😊

  0

  ---

  

  Olatoye•50

  @Olatoye-TeePosted about 4 years ago

  @Pawan331 Okay Thanks

  0