community-led-design/kit

Overflow Bug

Closed this issue · 9 comments

Deleted user commented

Describe the bug

A clear and concise description of what the bug is.
On the website there is a horizontal scroll bar which is not looking good. There is some horizontal overflow.

To reproduce

Steps to reproduce the behavior:

  1. Go to the website.
  2. You can see the horizontal scroll bar

Expected behavior

A clear and concise description of what you expected to happen.
There should not be any overflow in the website. The horizontal scroll bar should be removed.

Screenshots

If applicable, add screenshots to help explain your problem.
1

Technical details

Desktop

  • OS: Windows 10
  • Browser: chrome
  • Version ??

Additional context or notes

Add any other context about the problem here.

If this issue is relevent, then please assign it to me. @greatislander

greatislander commented

@urvashi-code1255 Hi, thanks for the bug report. I can't reproduce this on my machine (macOS 11.1, Chrome/Edge/Firefox). Are you running any browser extensions which might be modifying the page layout?

Deleted user commented

@greatislander I am using only one extension which is octotree

greatislander commented

Thanks @urvashi-code1255. I've asked my colleague @jhung to see if he can reproduce as he is also running Windows 10.

jhung commented

It seems <div class="content"> is causing an overflow. See attached screenshot.
image

Deleted user commented

Yeah @jhung I know the cause and I can correct it if you want😊

greatislander commented

@urvashi-code1255 This should be addressed in #58. Can you check the deploy preview and see if the issue persists for you? https://deploy-preview-58--co-design.netlify.app/

Deleted user commented

@greatislander Yes Its Resolved 🎉
Capture

  • ❤️1
greatislander commented

@urvashi-code1255 Thanks again for bringing this to our attention!