search

kaliacad / mostvisitedarticle

https://emingi.netlify.app/
MIT License
7 stars 34 forks source link

MAKING FORM RESPONSIVE ESPECIALLY FOR LARGE SCREEN #245

Closed Anubhav2k3 closed 2 weeks ago

Anubhav2k3 commented 3 weeks ago

Description: This pull request enhances the form component's responsiveness to improve user experience across different devices and screen sizes.

Changes Made:

  1. Responsive Design Implementation: Updated CSS to ensure the form adapts smoothly to various screen sizes. Implemented media queries to adjust form layout, including font sizes, padding, and margin for optimal display on mobile, tablet, and desktop devices.

  2. Improved Form Elements: Enhanced styling for input fields, labels, and buttons to maintain usability and visual appeal on different devices. Applied consistent spacing and alignment to ensure a clean and organized appearance.

  3. Validation and Accessibility: Added responsive design elements to form validation messages and error states for better visibility on all devices. Ensured that form elements remain accessible and usable with screen readers and other assistive technologies.

Checklist:

  1. Tested the form on various devices and screen sizes to ensure responsive behavior and consistent appearance.
  2. Verified that all form elements are functional and visually appealing across different screen resolutions.
  3. Ensured that the form maintains accessibility standards and adheres to project design conventions.

Thank you!

Screenshot 2024-09-08 215204

netlify[bot] commented 3 weeks ago

Deploy Preview for emingi ready!

Name Link
Latest commit 93d7d849461ee959875a27f2bc4af7bf16499bdd
Latest deploy log https://app.netlify.com/sites/emingi/deploys/66ddcf5d0d8aab000970a8b2
Deploy Preview https://deploy-preview-245--emingi.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Bam92 commented 2 weeks ago

Hi @Anubhav2k3,

Thank you for the PR. For now, it's not quite important for us. I suggest taking an existing issue or to first open one and discussing it before working on it.