Responsiveness of Webpage- Updated #472
Conversation
|
Please share screenshot |
.vscode/settings.json
Outdated
| @@ -0,0 +1,3 @@ | |||
| { | |||
| "liveServer.settings.port": 5503 | |||
| } | |||
There was a problem hiding this comment.
remove .vscode folder
|
|
|
When I'm taking screenshots, I'm moving the page in the horizontal direction, but the overflow didn't show here and that's what I did here. This is issue #461. Sorry, I didn't mention it earlier. |
|
could you elaborate? |
|
At first, before changing the code, when I'll scroll down the whole page will move means I was able to see the overflow part of the webpage. This shows that the webpage lacks responsiveness. To solve this, we should hide the overflow of the webpage from users. As every piece of information relies on the body section, I hid the overflow in that section. But we should do it in the x-axis direction only, as we need to scroll in the y-direction. When I did so, the problem is resolved and the overflow is completely hidden from users. Here while I'm taking screenshots, I'm trying to move it in several directions, but it's not moving and I can't show in screenshots that I'm moving. That's why I said like so. |
2023-07-09-14-59-51_Em42ZJZw.mp4I am attaching the screen-recorded video here. |
Summary
Provide an overview of the change. List any dependencies that are required for this change.
I have updated the CSS styles which will make the webpage more responsive.
Fixes # (issue)
Type of change
Please select the relevant option.
Checklist
Please tick the relevant options.
Screenshots
Provide screenshots to help explain your changes.
Additional context
Add any other context about the pull request here.