I'm sure this is a simple fix but my brain just isn't working:
ht tp://pu nah ou-22 12.prev iew.fi nal sit e.com/
If you look to "INSIDE FALL 2017" , there is the 780x500 image. The pink background is the elements container, which if you look at the
<article>, it's margin-left: calc(50% - 590px) which moves it within a 1180px grid on the left side, but not the right. Now, I need that image to take up 50% of the viewport, minus 20px. I can't do vw because of the scrollbar being included. It should look something like this. https://www.screencast.com/t/81fzBiiFJpo
This page isn't responsive at all yet so ideally you look at it in a large screeen (1440 or above). Working on the responsive part soon.