How to eliminate padding from photo in a grid
JSfiddle: https://jsfiddle.net/a215fL3s/4/
Basically I need the left grid item (text) to have padding still applied when viewport is smaller, but not the image on the right. I can't add padding internally since that'll cause the item on the left not to align with the other sections (e.g. "Another section with regular text" above it.
Also if viewport goes to mobile view, and the grid becomes 1 col, same thing i want the image to extend edge-to-edge and only the text to maintain the padding.
Not really sure how to approach this!
Basically I need the left grid item (text) to have padding still applied when viewport is smaller, but not the image on the right. I can't add padding internally since that'll cause the item on the left not to align with the other sections (e.g. "Another section with regular text" above it.
Also if viewport goes to mobile view, and the grid becomes 1 col, same thing i want the image to extend edge-to-edge and only the text to maintain the padding.
Not really sure how to approach this!
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.
