imhardikdesai / Quiz-App

This quiz web app is built using React JS. It can allow the user to select the criteria for their quiz from a list of options. The user can then proceed to answer the questions in the quiz and their performance will be tracked and shown in the scoreboard
https://ask-quiz.netlify.app/
16 stars 13 forks source link

Update index.css #16

Open rishi457 opened 8 months ago

rishi457 commented 8 months ago

Typography Modifications: I adjusted the font sizes for headings and paragraphs to ensure a more visually appealing and readable layout. The headings now stand out more prominently, while the paragraph text is easier to read.

Button Design Improvements: I increased the button padding to make the buttons more touch-friendly and visually accessible across different devices. The color transitions on hover and click were refined to provide a more interactive experience.

Enhanced Box Shadows: I refined the box shadow effects to add a subtle depth to various elements, creating a more polished and modern visual aesthetic.

Refined Input Field Styling: I made slight adjustments to the padding of text and email input fields for a more balanced and spacious look, ensuring a comfortable user experience.

Smooth Transition Effects: I fine-tuned the transition timings for elements to ensure a more seamless and responsive user interaction. These changes result in smoother fade effects and transitions.

Custom Element Styling: I tailored the sizes of the header and footer elements to stand out more prominently, making the header more captivating and the footer more engaging and easy to read.

These changes are aimed at improving the overall user experience, readability, and visual appeal of the webpage. The adjustments in typography, button design, transitions, and element styling seek to create a more engaging and user-friendly environment for visitors across different devices and screen sizes.

netlify[bot] commented 8 months ago

Deploy Preview for ask-quiz ready!

Name Link
Latest commit bf6b0cfe4337e01b3ac15d07c9df134be4ceda7a
Latest deploy log https://app.netlify.com/sites/ask-quiz/deploys/653cfee1bdb65100086a2075
Deploy Preview https://deploy-preview-16--ask-quiz.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.