overflow not working

can someone help me remove horizontal scroll bar
No description
18 Replies
Anonymous DEV
Anonymous DEV•9mo ago
https://codepen.io/sarosh-afzal/pen/PoXQQWE?editors=1100 and is there any better way i can do this
Mannix
Mannix•9mo ago
overflow:hidden on body should work what is your desired outcome of this anyway ??
Anonymous DEV
Anonymous DEV•9mo ago
if i do that i wont be able to c content below it
Mannix
Mannix•9mo ago
you can limit it only to x axis with overflow-x: hidden; that should let you scroll up and down
Anonymous DEV
Anonymous DEV•9mo ago
now its causing issues in small screen sizes
No description
Anonymous DEV
Anonymous DEV•9mo ago
for some reason its messing up with with of body now its only working fine in large screen sizes
Mannix
Mannix•9mo ago
well those images are cleary to big for that viewport on that size i would give up on that effect or put them below or above by removing the absolute positioning so they are back in the flow of the document
Anonymous DEV
Anonymous DEV•9mo ago
shouldnt it hide it even tho these images are big i dint get what ur trying to say
Mannix
Mannix•9mo ago
it should i don't why it doesn't in your project. if you do it in your codepen it works
Anonymous DEV
Anonymous DEV•9mo ago
do u want me to host it for u
Mannix
Mannix•9mo ago
you should put them back in the flow of the document so they are sandwiched by those two text blocks if you can, do it, if i won't be able to help maybe others will
Anonymous DEV
Anonymous DEV•9mo ago
for some reason it started working properly i dint even touch anything😶
Mannix
Mannix•9mo ago
it do be like that sometimes 😛
Anonymous DEV
Anonymous DEV•9mo ago
Anonymous DEV
Anonymous DEV•9mo ago
why is there difference in image sizes i literally deployed the same code any explaination
Mannix
Mannix•9mo ago
you are zoomed in on one of the tabs
Anonymous DEV
Anonymous DEV•9mo ago
no m not wait what i was😭 idk vs code did that my it self for some reason i think ill have to reset everything my whole laptop is glitching