Frontend Mentor - NFT preview card component

Frontend Mentor challenges help you improve your coding skills by building realistic projects.

To do this challenge, you need a basic understanding of HTML and CSS.

The challenge

Your challenge is to build out this preview card component and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

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

Users should be able to:

• See hover states for interactive elements

Links

• Solution URL: solution URL
• Live Site URL: live site URL

My process

Built with

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

Continued development

-Responsive layouts

Useful resources

• css generator - This helped me generate box shadows for this project.

Author

• Github - Ebenezer Awuku
• Frontend Mentor - @codenay