Design comparison
Community feedback
- @jacksonwhitingPosted over 1 year 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!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord