Responsive news homepage using flexbox, grid, and JavaScript

What I found challenging about building this project was keeping track of flex containers inside of the overall grid layout. I had some issues with things overlapping or spilling over into other columns so I used grid-column-start and grid-column-end to keep the elements in line, along with setting width where necessary. The hamburger menu was done incrementally and used the CSS transition property to slide in from the right side when on mobile. The areas I am not sure about are the @media queries. I initially used a min-width of 1200px for the desktop but then changed it to accommodate smaller desktop screens by making it 1024px. Another thing I am not sure about is whether the entire site is meant to fit on one whole desktop screen (without having to scroll) and whether the padding/margins I have added are appropriate. This will be the first project I've used JavaScript on my own so please excuse ugly code! Thanks for looking!