https://github.com/waldohidalgo/stats_preview_card_component

Repositorio con el código solución al challenge: Stats preview card component de Front End Mentor de nivel de dificultad newbie creado utilizando React y TailwindCSS
https://github.com/waldohidalgo/stats_preview_card_component

frontend-mentor frontendmentor-challenge reactjs tailwindcss

Last synced: 10 months ago
JSON representation

Repositorio con el código solución al challenge: Stats preview card component de Front End Mentor de nivel de dificultad newbie creado utilizando React y TailwindCSS

• Host: GitHub
• URL: https://github.com/waldohidalgo/stats_preview_card_component
• Owner: waldohidalgo
• Created: 2024-07-08T18:03:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-08T18:31:32.000Z (over 1 year ago)
• Last Synced: 2025-01-26T10:11:49.430Z (12 months ago)
• Topics: frontend-mentor, frontendmentor-challenge, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://stats-preview-card-component-ten.vercel.app
• Size: 376 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Stats preview card component

Repositorio con el código solución al challenge: [Stats preview card component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/stats-preview-card-component-8JqbgoU62)

## The challenge

El desafío consiste en realizar lo siguiente:

> Your challenge is to build out this 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

## Diseños a Replicar

### 1-Mobile Design

![Mobile Design](./screenshots/mobile-design.jpg)

### 2-Desktop Design

![Desktop Design](./screenshots/desktop-design.jpg)

## Proyecto Realizado

### 1-Mobile Size

![Mobile Size](./screenshots/waldo_mobile.webp)

### 2-Desktop Size

![Desktop Size](./screenshots/waldo_desktop.webp)