https://github.com/code-beaker/results-preview-card

Frontend Mentor project
https://github.com/code-beaker/results-preview-card

completed frontend-mentor project

Last synced: about 1 month ago
JSON representation

Frontend Mentor project

• Host: GitHub
• URL: https://github.com/code-beaker/results-preview-card
• Owner: Code-Beaker
• Created: 2023-08-13T06:03:27.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-13T06:10:45.000Z (over 1 year ago)
• Last Synced: 2023-08-13T07:20:04.272Z (over 1 year ago)
• Topics: completed, frontend-mentor, project
• Language: CSS
• Homepage: https://code-beaker.github.io/results-preview-card/
• Size: 52.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Results Preview Card

- [Results Preview Card](#results-preview-card)

  - [About](#about)

  - [Preview](#preview)

    - [Desktop](#desktop)

    - [Mobile](#mobile)

  - [Process](#process)

    - [Languages](#languages)

    - [Technologies](#technologies)

    - [Tools](#tools)

  - [Links](#links)

A [Frontend Mentor](https://www.frontendmentor.io) project.

## About

Been playing around this one three or four times. But, I never got a clue of how to make it look almost the same as on the preview images provided.

**FINALLY**, I got it almost close to the preview. Now I can take rest!

## Preview

### Desktop

![Desktop Preview](preview/preview-desktop.png)

### Mobile

![Mobile Preview](preview/preview-mobile.png)

## Process

### Languages

- HTML

- CSS

### Technologies

- CSS Grid

- CSS Flex

### Tools

- Visual Studio Code

- Mozilla Firefox(116.2)

- Live Server

## Links

- GitHub Repository: [Code-Beaker/results-preview-card](https://github.com/Code-Beaker/results-preview-card)

- GitHub Pages: [code-beaker/results-preview-card](https://code-beaker.github.io/results-preview-card/)

- Netlify: [results-preview-card](https://results-preview-card.netlify.app/)