Frontend Mentor - Interactive card details form solution

This is a solution to the Interactive card details form challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The Challenge

Simple interactive card form build by me. The site is for education and I finished it in 10 days so perhaps have bugs.

Screenshot

Links

You can see this site here.

My process

Built with

• HTML 5
• CSS 3
• JS ES6

What I learned

1. Gradient border input
2. First project with JS
3. Making block diagram

Continued development

1. Using arrow functions
2. Bulding more responsible website
3. Better logic in code

Useful resources