This is a NFT Preview card component built as an exercise for advanced HTML and CSS practicing, proposed by the course DevQuest by Dev em Dobro. The project is based in a challenge from Frontend Mentor.
Users should be able to:
- View the optimal layout depending on their device's screen size;
- See hover states for interactive elements.
![image showing project on desktop size](https://raw.githubusercontent.com/julianastahelin/nft-preview-card-component/main/design/design-desktop.png)
![image showing project on mobile size](https://raw.githubusercontent.com/julianastahelin/nft-preview-card-component/main/design/active-states.gif)
![image showing project on mobile size](https://raw.githubusercontent.com/julianastahelin/nft-preview-card-component/main/design/design-mobile.png)
- Live site URL: https://julianastahelin.github.io/nft-preview-card-component/
- Frontend Mentor Challenge: https://www.frontendmentor.io/challenges/nft-preview-card-component-SbdUL_w0U/hub
- Frontend Mentor - My solution: https://www.frontendmentor.io/solutions/nft-preview-card-component-using-css-fD_x2QVaEA
- HTML 5;
- CSS 3.
- Using CSS pseudo-elements;
- Using Chrome extension Pixel Perfect.