DEV Community

Cover image for Challenge 4 - NFT preview card component - Frontend Mentor
Abhishek Baliyan
Abhishek Baliyan

Posted on

Challenge 4 - NFT preview card component - Frontend Mentor

Frontend Mentor - NFT preview card component solution

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.

Table of contents

Overview

NFT preview card component challenge by Frontend Mentor, Coded by Abhishek Baliyan.

The challenge

Users should be able to:

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

Screenshot

Desktop View

Mobile View

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow

What I learned

I learned how to Overlay icon on the image.

Useful resources

Author

Top comments (1)

Collapse
 
muhamedkanapiya profile image
Muhamed-Kanapiya

Soon will start this challenge too, now I am working on 100 Days of UI and CSS battles, but u can see my last video (in russian) soon will be more, and frontend mentor`s too