Hi, I'm working on a site and I saw a cool "gallery" on splitshire (at the bottom) that I wanted to replicate. It is a full width photo grid footer, when you hover it the photo lights up.
I achieve the light up effect with pseudo elements, and forceed the width to 200% and 50% left with a fixed height and hidden overflow.
But I would really like to make it cleaner by adjusting the width to 100% of the body and the thumb sizes in percentage , and maybe add something that would make the nth photo at twice the size while the other photos float around it.
What class or id should I modify to do that?
by now, a have:
content: " ";