I have a grid “whywf_component” that contains a content div “whywf_content” and an image wrapper div called “whywf_image-wrapper”. That wrapper contains an image “image-webpage-and-badge”. I’d like to center the image in the middle of the screen at the tablet breakpoint and lower but I’m not sure how to do it. I’m wondering if the problem has anything to do with the fact that I’m positioning these two grid child divs manually to ensure that the content div always precedes the image div at breakpoints below the Desktop breakpoint. How do I center this grid child image at the Tablet breakpoint? Thanks!
Here is my site Read-Only: LINK