This is a solution to the Advice generator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Generate a new piece of advice by clicking the dice icon
- Solution URL: Checkout Repository.
- Live Site URL: Visit Live.
- Blog Post URL: Read Blog.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- JavaScript
- Mobile-first workflow
- Responsive design
- Form validation
I learned how to create a responsive design using CSS Flexbox and CSS Grid. I also learned how to create a form validation using JavaScript. I also learned how to create a custom error message using JavaScript. I also learned how to create a custom error message using CSS and JavaScript.
I will continue to focus on creating form validation using JavaScript. I will also continue to focus on creating custom error messages using CSS and JavaScript.
- Resource 01 - This is an amazing articles which helped me finally understand HTML.
- Resource 02 - This is an amazing articles which helped me finally understand CSS.
- Resource 03 - This is an amazing articles which helped me finally understand JavaScript.
I'd recommend to everyone to checkout these amazing official HTML & CSS resources.
- Website - Portfolio
- Frontend Mentor - @beRajeevKumar
- Twitter - @be_rajeevkumar
I would like to thank Frontend Mentor for providing such an amazing platform to practice my coding skills. I would also like to thank the community for providing feedback on my projects and helping me improve my coding skills.