This project is a simple web application that displays user information in a structured and styled format. It utilizes HTML, CSS, and JavaScript to create a card layout that showcases user details like name, username, and email.
- Dynamic User Cards: Automatically generates user information in card format.
- Grid Layout: Uses CSS Grid to display the cards in a responsive and clean layout.
- Styling: Basic styling with shadows, borders, and padding to enhance the UI.
- HTML: The structure of the page and the layout for the user cards.
- CSS: Styles the page using grid layout, borders, and box shadows.
- JavaScript: Handles the dynamic generation of user cards based on the data in the
userarray.
index.html: The main HTML file containing the structure of the page.style: Inline CSS in the<style>tag for styling the page.script: JavaScript embedded at the bottom of the HTML for functionality.
- Clone the repository:
git clone https://github.com/your-username/user-info-display.git cd user-info-display