Hi @snoopybabe! 😘😻 For #GoogleUdacityScholars, we were supposed to make trading cards for our fav animal, and I decided to use #SnoopyCat! 😜 And then I took it a few steps beyond...which, truthfully, took WAY too long, but it's so satisfying! 👇👇👇 After matching the prototype, I put the image into a container and used overflow: hidden to "fake crop" the rest of the image that didn't fit beyond the initial dimensions. I wanted to be able to swap in any image and not worry about it stretching or going over when resized. . . I did some spiffy sparkle font stuff using CSS, rollover effects on hover (using position: relative) to get it to happen ONLY in the space of the image, and the gradient background you see. . . All in all, I'm happy bc it forced me to use what I know, research what I wasn't sure about, learn some new tricks, and then problem-solve if things weren't working as I envisioned them. . . . Thanks for this project, @udacity! ❤️🙏🎉🌈 . . . P.S. I promise I'll get a #JacketJanuary pic after this! I just couldn't get up until I figured this out. Fellow #audacityofcode peeps know what I mean! 😂 . . #JackySoStyle (at South of Market, San Francisco)
