🖥️ PROJECT: Building a Checkout Form
Build a functional checkout form that collects billing and payment information, uses placeholders for better input guidance, arranges content in columns, and adds responsive metadata. Enhance the form with icons for payment methods and billing fields to improve usability.
Exercise scenario
You are on the front-end development team for an online shopping company by the name of “Brandally”. You have been asked to create a checkout login that allows users to add their billing and payment information and then proceed to checkout.
By the end of the project, your form should look similar to the one shown below:
Task 1:
Add code for a form that takes in billing address details and adds placeholders to help users know the format for entering their information. The output should look similar to the following.
📜 Note: Don’t worry about the CSS for now; that has been taken care of.