News Homepage | CSS Grid | Flexbox | Javascript

I had a horizontal scrolling issue with my project on mobile devices.

I have solved this issue by using the following code

header {
    overflow-x: hidden;
    max-width: 100vw;
}

and then adding this .is-active class to the header using Javascript:

 .is-active {
    overflow: visible;
}