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
  • The challenge
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

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

Links

• Live Site URL: [ https://mi-olak.github.io/ntfcard/ ]

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

i was able to gain more experience using css flexbox. i found it considerably easy to position and structure thr page well using flex.

Continued development

Had some major issues with adding the hover effect, more emphasis on this for the next project.

Useful resources

-https://www.w3schools.com/css/css3_flexbox.asp - helped with more examples on using flexbox.

Author

• Frontend Mentor - @mi-olak