Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve UI #19

Merged
merged 3 commits into from
Aug 14, 2024
Merged

Improve UI #19

merged 3 commits into from
Aug 14, 2024

Conversation

luizpicolo
Copy link
Contributor

Summary

This pull request aims to enhance the HTML structure, CSS styling, and mobile responsiveness of the existing form page for better usability and performance.

Changes Made

  1. HTML Structure and Semantics:

    • Updated <html>, <head>, and <body> tags for proper structure.
    • Moved meta tags (charset, viewport, X-UA-Compatible) to the <head> section.
    • Added <title> tag for better SEO and usability.

  2. CSS Styling:

    • Refactored CSS for improved readability and maintainability.
    • Consolidated and standardized styles for form elements (form, h1, label, input).
    • Applied responsive design principles using media queries to ensure compatibility across different screen sizes.

  3. Google Fonts Optimization:

    • Added the async attribute to the Google Fonts CSS link to optimize loading performance.

  4. Mobile Responsiveness:

    • Implemented responsive design techniques using CSS Flexbox and media queries.
    • Adjusted padding, font sizes, and layout to ensure the form displays correctly on mobile devices without horizontal scrolling.

  5. Accessibility:

    • Ensured all form elements have associated <label> tags for improved accessibility.
    • Enhanced contrast and readability of text and input elements.

Screenshots

Before

Screen Shot 2024-07-09 at 17 34 18

After

Screen Shot 2024-07-09 at 17 34 06

@wasi-master wasi-master merged commit c641ec6 into wasi-master:main Aug 14, 2024
1 check passed
@wasi-master
Copy link
Owner

Thank you very much <3, released as version 1.3.0. My PC was out of order the past few weeks so it took a while.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@luizpicolo @wasi-master