Nft-Preview-Card

Frontend Mentor - NFT preview card component solution

This is a solution to the [NFT preview card component challenge on Frontend Mentor]

Table of contents

• Overview
• The task
• Approach
• My process
• Built with
• Useful resources

Overview

For this task, I had to design a static page with active states.

The task

I needed to do this for both Mobile & Desktop and activate the hover states.

Approach

I used a Mobile-First approach and a CSS Flex layout.

Built with

⚙️ Semantic HTML5 markup
⚙️ CSS Flex
⚙️ Mobile-first workflow

Useful resources

How to Overlay Icons on Top of Images with CSS
The CSS z-index Property: What You Need to Know
What The Heck, z-index??

nft-preview-card