I encountered a problem while working on my project where the layout was functioning perfectly until I introduced hr elements. This action caused a shift in everything and led to the appearance of a vertical scroll bar as compensation. However, the presence of the horizontal rule is essential for the completion of my project.
With borders enabled for clarity, you have the option to disable them at the top of the CSS file. By removing the hr elements, you can observe how the layout should ideally look.
... ...I initially believed that placing the hr element inside my container would resolve the issue, but unfortunately, it did not. If anyone has suggestions or solutions to this problem, I would greatly appreciate the assistance.