This is a solution to the NFT preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Solution URL: github
- Live Site URL: github pages
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
I had a tough time figuring out how to overlay the cyan color over the equilibrum.jpeg image and I also had to add the icon-view.svg image on the overlayed cyan color which had to show up when a mouse hovers over it, but luckily i learnt how to do it from w3schools website
- W3schools - They have been a tremendous help in helping me figure out how to overlay an icon over an image
- Frontend Mentor - @kushyzee
- Twitter - @yourusername