I’m working on re-creating a clients home page!
One container has a background image, and another image slides up using some animation to align with the bottom of the background image.
But despite everything I can think of, I can’t make it align.
The weird thing is I have reproduced it on my play site, and it works perfectly.
Here is the play site: https://perthevents.com/play-grids/
Development site is in the link below (row is a fair way down, warehouse image with a box that animates up).
I can fudge it by applying some negative bottom margin for the container the image is in, but that just doesn’t seem the right thing to do!
Also if you have time, I uploaded a logo for this play site, just a tick and the word Services.
But on Firefox, the tick appears as another broken character – most weird! (it’s an SVG)
This is a play domain I am using to learn GB.
The logo (Tick + the word Services) appears fine on Chrome and Edge (& Safari on Mac), but on Firefox (ver 76 on Windows), shows an odd broken character where the Tick should be!