/ntf_card

Small project of layout from Frontend Mentor

Primary LanguageCSS

Frontend Mentor - NFT preview card component solution

This is a solution to the NFT preview card component challenge on Frontend Mentor. Frontend Mentor challenges helps me by improving my coding skills though building realistic projects.

Table of contents

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

My process

Built with

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

What I learned

This was one of the first projects I did on my own, I know it's not a big deal, but at the time it helped me to consolidate the knowledge I had acquired in my first courses and having it around reminds me of the beginnings and how much I still have to learn.

Useful resources

  • Flexbox tricks - This pages help me a lot back in the days and i still use it time to time, it has a lot of information in a very practical and visual way.

Author