julianastahelin / nft-preview-card-component

NFT Preview card component built as an exercise for advanced HTML and CSS practicing.

NFT Preview card component

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.

Overview

The project

Users should be able to:

• View the optimal layout depending on their device's screen size;
• See hover states for interactive elements.

Screen preview

Desktop

Active states

Mobile

Links

• 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

My process

Built with 👩🏽‍💻

• HTML 5;
• CSS 3.

What I learned 💪🏽

• Using CSS pseudo-elements;
• Using Chrome extension Pixel Perfect.