@toemoe
Latest comments
- @amolvyas-6
Can't enter custom tip
- @Hasani-Sediqa@amolvyas-6
selected menu option is not highlighted
- P@jayco01What 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?
- @WajahatAli130What 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?
@amolvyas-6div not centered
- @Mokszi@amolvyas-6
box shadow seems excessive and there is lot of padding in the top and bottom of some cards
- @mohammed1215What 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-6the padding on the sides is not present and a lot of empty space present in the bottom.
