This is a solution to the Password generator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- Generate a password based on the selected inclusion options
- Copy the generated password to the computer's clipboard
- See a strength rating for their generated password
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Live Site URL: https://crsimpson5.github.io/password-generator-app/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Sass
For this project I created custom inputs including a range slider and checkboxes. I learned how to import SVG sprites and change their properties with CSS.
- SVG Sprites - Helped with importing SVGs instead of adding them directly in the markup