A simple interarctive card details filling form
Frontend Mentor - Interactive Card Details Form
This is a solution to the Interactive card details form challenge on Frontend Mentor.
My Process
Make user form beside with display area of inputted data section
Design the flex/grid system, making sure to have both Desktop and Mobile Viewport layout correct
Add in all the other HTML content
Finished up all the CSS designs
Make Data display on real time with filling form
Built with
Semantic HTML5 markup
CSS custom properties
Flexbox
Grid
Mobile-first workflow
What I Learned
More Flexbox