Skip to content

Danielfww/NTF-Card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 

Repository files navigation

NFT-Card

Frontend Mentor Card Project

desktop-preview
Brief
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


Link to the challenge: https://www.frontendmentor.io/challenges/nft-preview-card-component-SbdUL_w0U

Technologies I used in this project were:

Flexbox, Responsive Design, Hovering.
*Challenges I faced:

The project was pretty simple until I got to the hover and how to do that with the image. I spent about 1-2 hours trying things by myself until I had to actually google and youtube that and it worked but other then that I didnt encountered that many problems.

Another issue that creates problems for me centering the divs and using the responsive desing is still a challenge, I will try to get better at that.

Author: Danielfww

Credits: Shotouts to https://github.com/Pipendog and https://github.com/NobelBeastPrize for always being there for me.