P
Jackson Whiting• 360
@jacksonwhiting
Posted
Nice job on this. I like how you used nested grid to solve the problem. I'll incorporate that in the future.
Check out what I did to make the two-toned logo responsive when you expand and shrink the screen (the black portion always stays in the second (picture) section of the hero). Basically, I took the two logos and put them on top of each other, but the black logo only extends to the end of the first section and it has a higher z-index than the white logo. I used an image mask, but that's not required.
https://jwhiting-art-gallery-home-page.netlify.app/
I positioned the logo and the the text / button absolutely, but in the future, I'll use your technique of a nested grid. I like that much better. Hope it helps!
0
