Collage with rollover - not horizontally aligned

Highlighted
Top Contributor

I've been asked to do something similar to the collage under the Lifelong Learning section on https://littlebits.com/, but with rollovers instead of the type of overlay they have. I've done rollovers, but the grid used doesn't line up the images horizontally, so I'm not sure how to get this layout. I know some html and work with CSS, but have limited experience.Smiley Happy

 

Is it possible to put empty an module where the large image overlaps the other modules and use positioning? Or is there a better way to approach this?

Reply
0 Upvotes
3 Replies 3
Highlighted
Community Manager

Hi @mkarsten,

 

Do you have a link to the page you are working on so we can see what you have built so far? 

 

I wanted to share this resource as a starting point as well.

 

The more information, screenshots and details you can provide, the better the Community can assist!

 

Thank you,

Jenny


Did my post help answer your query? Help the Community by marking it as a solution
Reply
0 Upvotes
Highlighted
Top Contributor

 I haven't started on this part of the page yet, so there's no link to share. I was still working on another page for this project, and was waiting to see what the best direction to take is before putting too much time into it. Thanks for the link about overlays, I've got that part down.Smiley Happy

Reply
0 Upvotes
Highlighted
Top Contributor

Getting ready to dig into this. I remembered doing an SVG image map a while ago for another campaign (https://info.pitsco.com/win-with-expeditions), which didn't use rollovers, but they're easy enough to add, so going to try that route for this.