search

vishanurag / Canvas-Editor

This is a simple web project that is made with an aim to learn about canvas element of html. Now, this project is open to all of the amazing contributors.
https://vishanurag.github.io/Canvas-Editor/
MIT License
72 stars 285 forks source link

Styling and Functionality Enhancements for Contact Us Page #940

Open chikatlarakesh opened 3 days ago

chikatlarakesh commented 3 days ago

ADD LABELS: GSSoC 2024 Extd, Hacktoberfest Contributor, Postman

I would like to propose several enhancements for the Contact Us page to improve its styling and overall functionality. Here are the key points for consideration:

  1. Visual Improvements:

    • Adjust the color scheme of the submit button to a more vibrant color (e.g., #fa2b4d for the default and #ff032d for hover) for better visibility.
    • Ensure consistent padding and margin throughout the card layout to enhance the visual appeal.

  2. Form Validation:

    • Implement client-side validation for form fields (name, email, and message) to ensure users fill them out correctly before submission.

    • Display error messages for invalid inputs.

  3. Image Responsiveness:

    • Ensure the contact image remains responsive across different screen sizes by applying a max-width and height property.

  4. Accessibility:

    • Include aria-labels for input fields and the submit button to improve accessibility for users relying on screen readers.
github-actions[bot] commented 3 days ago

👋 Thank you @chikatlarakesh for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

chikatlarakesh commented 2 days ago

kindly add postman label also

chikatlarakesh commented 2 days ago

@vishanurag Hello, contact-us.html file is missing. Kindly check as i have already completed the work and i'm ready to commit.