@Hasani-SediqaSubmitted 6 days ago
Amol Vyas
@amolvyas-6All comments
- P@jayco01Submitted 11 days agoWhat are you most proud of, and what would you do differently next time?
I'm proud of figuring out how to properly validate an email input using HTML forms, CSS pseudo-classes (:invalid, :focus), and JavaScript regex. Initially, I struggled with displaying the error message and highlighting the input field, but after reworking my approach, I successfully implemented a clean validation system.
I want to further improve my JavaScript skills, especially in handling form validation logic and optimizing event listeners. Next time, I’d focus on writing cleaner, more efficient JavaScript while exploring different validation techniques.
What challenges did you encounter, and how did you overcome them?The biggest challenge was figuring out how to validate the email input correctly using HTML, CSS, and JavaScript. Initially, I struggled to display the error message and highlight the input field when the email was invalid.
How I Overcame It:
- I learned that the <form> element is required for built-in validation to work properly.
- I integrated CSS pseudo-classes (:invalid, :focus, :not) to style errors dynamically.
- I restructured my JavaScript to use regex for validation, .add() and .remove() for class toggling, and checkValidity() for cleaner validation logic.
After redoing my entire HTML, CSS, and JavaScript, I was able to create a fully functional validation system that works smoothly across different screen sizes.
What specific areas of your project would you like help with?I used :invalid, :focus, and :not to handle input validation styling. Are there more efficient or scalable ways to manage form error styling in CSS?
@amolvyas-6Posted 7 days agosuccess page is using dummy email instead of actual one
Marked as helpful0 - P@WajahatAli130Submitted 7 days agoWhat are you most proud of, and what would you do differently next time?
I am proud of the fact that I managed to make it somewhat responsive
What challenges did you encounter, and how did you overcome them?I couldn't figure out how to make it responsive at first but after some googling I managed to do it
What specific areas of your project would you like help with?I still don't know how to make the desktop active state and how to make that inverted triangle at the bottom of the share box in the desktop version. Also the share button looks a bit odd, I couldn't shape it into a perfect circle even though I set the radius to 50%? And how do I center the arrow icon within the circle?
- @MoksziSubmitted 13 days ago@amolvyas-6Posted 12 days ago
box shadow seems excessive and there is lot of padding in the top and bottom of some cards
0 - @mohammed1215Submitted 13 days agoWhat are you most proud of, and what would you do differently next time?
I'm proud of using Grid layout in a different way that i knew before.
I would try different layout more likely and challenging myself more likely to enhance my ability in making layouts
What challenges did you encounter, and how did you overcome them?my challenge was to think in a way of how to make the layout like this.
What specific areas of your project would you like help with?if someone has different way to make it or if there is something that i can enhance in the way i used grid. i would be thankfull
@amolvyas-6Posted 13 days agothe padding on the sides is not present and a lot of empty space present in the bottom.
0 - @S4V10NSubmitted 13 days agoWhat are you most proud of, and what would you do differently next time?
i'm proud of my precise styling of elements
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?sizing and aspect ratios of elements
- @idakosticSubmitted about 1 month ago
- @Igho-OkeogheneSubmitted 15 days ago
- @FoxiSouthSideSubmitted 17 days ago
- @NecronyteSubmitted 20 days ago
