CodeYourFuture / Module-User-Focused-Data

Introduction to Programming #1
Creative Commons Attribution 4.0 International
1 stars 96 forks source link

CYF-Glasgow | Iakub Dubachev | Module-User-Focused-Data | Week 2 #234

Open IakubDubachev opened 5 days ago

IakubDubachev commented 5 days ago

CYF-Glasgow | Iakub Dubachev | Module-User-Focused-Data | Week 2

Self checklist

This PR introduces the following updates to the t-shirt order form:

1) Form Styling: Implemented initial styling for the form, including layout adjustments, padding, and box-shadow to improve the visual presentation and user experience. 2) Responsive Design: Ensured the form is fully responsive by adding media queries, making it adapt to smaller screens like mobile devices. 3) Input Focus and Validation: Enhanced the input fields with clear focus indicators (blue border) and styled invalid fields with red borders for better error handling and accessibility. 4) Button Interaction: Added a hover effect for the submit button, providing feedback to users when interacting with the form. Cross-Browser Compatibility: Fixed potential cross-browser styling issues by adding vendor prefixes for form elements.

Ask any questions you have for your reviewer.

netlify[bot] commented 5 days ago

Deploy Preview for cyf-ufd ready!

Name Link
Latest commit cd79e5a43a113c59f26ed228ab704358574d36ad
Latest deploy log https://app.netlify.com/sites/cyf-ufd/deploys/67118202622761000861261e
Deploy Preview https://deploy-preview-234--cyf-ufd.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.