Problem
Currently, the timeline section on the travel site has layout issues causing content to overflow horizontally. This forces users to scroll sideways, which negatively impacts the user experience, especially on smaller screens. While the navigation bar stays correctly within the viewport, the main content extends beyond the visible area, leading to misalignment and layout breaks.
Additionally, several elements such as boxes and input fields are not properly sized or aligned consistently across different screen widths. This inconsistency affects the overall responsiveness and visual appeal of the site on mobile devices.

Proposed Solution:

• Fix layout overflow by ensuring all elements stay within the viewport width.
• Adjust flex/grid containers to align properly under the nav bar.
• Refine box and input field sizing for better responsiveness on smaller devices.

Action: I’d like to take up this issue and work on implementing the fix as part of Hacktoberfest. Please assign it to me.

Repo Link: https://github.com/you-dont-need/You-Dont-Need-JavaScript/tree/master/Travelling%20Website