https://github.com/subhajitroycode/nft-preview-card

This is a simple & small challenge by Frontendmentor to make NFT Preview card
https://github.com/subhajitroycode/nft-preview-card

frontend-mentor frontendmentor-challenge html html-css

Last synced: about 1 month ago
JSON representation

This is a simple & small challenge by Frontendmentor to make NFT Preview card

• Host: GitHub
• URL: https://github.com/subhajitroycode/nft-preview-card
• Owner: subhajitroycode
• Created: 2022-11-14T14:18:30.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-11-14T14:33:40.000Z (over 3 years ago)
• Last Synced: 2025-02-28T05:49:58.738Z (over 1 year ago)
• Topics: frontend-mentor, frontendmentor-challenge, html, html-css
• Language: CSS
• Homepage: https://subhajitroycode.github.io/nft-preview-card/
• Size: 25.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Frontend Mentor - NFT preview card component solution

This is a solution to the [NFT preview card component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/nft-preview-card-component-SbdUL_w0U). Frontend Mentor challenges help you improve your coding skills by building realistic projects. 

## Table of contents

- [Frontend Mentor - NFT preview card component solution](#frontend-mentor---nft-preview-card-component-solution)

  - [Table of contents](#table-of-contents)

  - [Overview](#overview)

    - [The challenge](#the-challenge)

    - [Screenshot](#screenshot)

    - [Links](#links)

  - [My process](#my-process)

    - [Built with](#built-with)

  - [Author](#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

### Screenshot

![screenshot-127 0 0 1_5500-2022 11 14-19_30_43](https://user-images.githubusercontent.com/72935263/201680021-b23aec59-78ba-45b5-ae91-ca37a888e8ce.png)

### Links

- Solution URL: [Click Here](https://www.frontendmentor.io/solutions/nft-preview-card-using-only-just-html-and-css-V8hBrLayhC)

- Live Site URL: [Click Here](https://subhajitroycode.github.io/nft-preview-card/)

## My process

### Built with

- HTML5 markup

- CSS custom properties

- Flexbox

## Author

- Frontend Mentor - [@subhajitoycode](https://www.frontendmentor.io/profile/subhajitroycode)

- Twitter - [@subhajitroycode](https://www.twitter.com/subhajitroycode)

- Instagram - [@subhajitroycode.eth](https://www.instagram.com/subhajitroycode.eth/)