Art Gallery Website Using CSS Grid and Nested Grid

Community feedback

• 

  Jackson Whiting•360

  @jacksonwhiting

  Posted about 2 years ago

  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!

  00