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/
21 stars 18 forks source link

Update QuestionBox.css #9

Closed rishi457 closed 11 months ago

rishi457 commented 12 months ago

Custom Color Variables: Defined custom color variables for right, wrong, and common answers using CSS custom properties (variables). This allows you to easily change colors in one place if needed, promoting maintainability.

Box Shadow: Added a subtle box shadow to the quiz box to give it a sense of depth and improve its visual appearance.

Transition: Added transitions for smoother hover effects on quiz options and the option icon. This makes the interaction with quiz options more visually appealing.

Specific Answer Styles: Created CSS classes .correct-answer and .wrong-answer to allow for more specific styling of correct and wrong answers. You can add specific styles within these classes as needed for a clear visual distinction.

netlify[bot] commented 12 months ago

Deploy Preview for ask-quiz ready!

Name Link
Latest commit 25c76fa90168606be0ea3f370f69f70188c0d553
Latest deploy log https://app.netlify.com/sites/ask-quiz/deploys/65219bb3913f21000866df51
Deploy Preview https://deploy-preview-9--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.