DEV Community

Jaken Herman
Jaken Herman

Posted on

2 4

DailyUI Challenge 002

Alt Text

DailyUI challenge 002 - Design a credit card checkout form or page. Did this one without a wire-framing tool - instead opted to just use HTML, CSS, and JavaScript. I only worked on it for about an hour, so I'm not too upset with the results. The card type icon (Visa, MasterCard, AMEX, etc. does change depending on the start of the card number).

Things I could improve on:

  • The fonts are pretty ugly, I'd like to spend more time browsing available fonts.
  • Responsiveness. Because this was just part of a challenge and not production code, I did not consider mobile viewing in the design.

https://lnkd.in/gMr9VTq

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay