https://github.com/hirwa13/nft-preview-card-component-main

https://github.com/hirwa13/nft-preview-card-component-main

Last synced: 17 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/hirwa13/nft-preview-card-component-main
• Owner: HIRWA13
• Created: 2023-03-14T07:03:08.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-04-24T06:09:29.000Z (over 1 year ago)
• Last Synced: 2023-09-09T01:59:32.534Z (over 1 year ago)
• Language: CSS
• Size: 94.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 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

## Author

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

## Style guides:

# Front-end Style Guide

## Layout

The designs were created to the following widths:

- Mobile: 375px

- Desktop: 1440px

## Colors used

### Primary

- Soft blue: hsl(215, 51%, 70%)

- Cyan: hsl(178, 100%, 50%)

### Neutral

- Very dark blue (main BG): hsl(217, 54%, 11%)

- Very dark blue (card BG): hsl(216, 50%, 16%)

- Very dark blue (line): hsl(215, 32%, 27%)

- White: hsl(0, 0%, 100%)

## Typography

### Body Copy

- Font size (paragraph): 18px

### Font

- Family: [Outfit](https://fonts.google.com/specimen/Outfit)

- Weights: 300, 400, 600