All solutions

I mostly used flexbox for this, with grid just for the desktop body layout. I found it very helpful for practicing my flexbox skills in learning how to apply the align-self property, as opposed to individually offsetting the position of elements! This definitely made it easier and quicker to modify for the mobile design. I know I could improve the accessibility with better sectioning of the elements, instead of all divs. I'm also not sure if I properly applied and positioned the background images, mainly for the mobile layout. I'll welcome any feedback 😊

I completed this with HTML and CSS, with the help of the design files in Figma. It definitely was a bit trickier than anticipated, with the different margins for each element. I know I probably could have used a more convenient method in my styles, if I approached it a little differently!

I couldn't seem to match the color overlay of the image, and tried a few different ways. So I'm definitely open to feedback on this!

Thanks 🙂

Edit: I've updated my solution based on the recommendations in the feedback, and the reports. While doing this I tinkered with accessibility in general, and definitely learned a lot more in the process! I'm open to more feedback on this, whether things could be improved further, or if I've done anything wrong, particularly in the way I've added and hidden the h1 element.

The method I used to add the hover effect with the svg on the NFT logo image didn't allow the svg opacity to be 1, as it is tied to the background and therefore the opacity of that. I'd appreciate any feedback on this!

Thanks! 😃

I followed @TheCoderCoder's video to build this project, which was so fun and helpful to put what I have learned to practice, as well as learn new skills. For example, this was the first time I have used SCSS/Sass, including the gulp setup. I still have a lot to learn mainly in terms of the JS portion. I'm hoping that with more practice, especially with live-coding sessions like these, it will continue to help solidify my understanding and skills, especially JS.

Always open to any feedback!

Thanks! 😃