Logo
screenshot of product preview card component

Product Preview Card Component

next.jsreacttailwindcsstypescript

Dies ist eine Lösung für die Product preview card component Challenge auf Frontend Mentor.

Anforderungen

Benutzer*innen sollten in der Lage sein:

  • Das optimale Layout abhängig von der Bildschirmgröße ihres Geräts anzusehen
  • Hover- und Fokus-Zustände für interaktive Elemente zu sehen

Gebaut mit

  • Semantisches HTML5-Markup
  • Flexbox
  • CSS Grid
  • Mobile-first Workflow
  • Next.js - React-Bibliothek
  • Tailwind - Für Styles