I created this page back to front starting at desktop size - paying for it now!
My media query begins at max-width: 680px. At this break point I am trying to make the content basically block level and stack.
I cannot work out how to center my images. I’ve been experimenting with the CSS code around line 222 but I cannot get it to work. I think I must be missing something fundamental. I recognize that I should have built my site from mobile upwards but I’m trying to backward engineer it!!
I’ve tried creating a div but when the screen size goes beyond the break point the image stays on its own line.
The other issue I don’t understand is why the sub-heading which is in the line of code below the img src file appears above the image on resizing. Its wrapping somehow but cannot see how to make the image block so this doesn’t happen.
I’d appreciate if anyone had the time to look at the code as I have spent ages looking online to try to solve it. Thank-you