LeoSouzaNunes / nft-preview-card-component-main

Home Page:https://leosouzanunes.github.io/nft-preview-card-component-main/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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

During the process of development i was able to understand better the transition property and how to apply it in this project to reach the expected result.

Continued development

I would like to set my HTML structure in a better way and try to reuse some css properties that could be deleted.

Useful resources

  • [Live Server]- This resource was fundamental to craete a better workflow during the project.

Author

Acknowledgments

Silas Fernandes

About

https://leosouzanunes.github.io/nft-preview-card-component-main/


Languages

Language:CSS 81.0%Language:HTML 19.0%