I am designing a web app that requires that I display a map and a scrollable sidebar beside each other..like you have on youtube.
The design issue I have is that, across other pages, I have
padding: 0 100px set on the wrapper, but on the page that I'm displaying map, I would like to remove the padding and just use the whole page for the map.
Is this a potential UX disaster or it doe not really matter.
Display with padding.
Display without padding