Frontend Mentor - NFT preview card component solution

This is a solution to the NFT Equilibrum preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • built with
  • What i learned
• Author
• Acknowledgements

Overview

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

Links

• Live Site URL: NFT preview card component

My process

Built with

• Semantic HTML5
• CSS
• Flexbox

What i learned

• HTML Semantics
• Image Overlay Effect
• Clamp ()

Author

• Frontend Mentor - @Muhdal-Amin

Acknowledgements

Special thanks to MiguelZaga his README files helped with the image overlay effect, clamp() and semantic HTML5 markup.