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.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
