Closed rishi457 closed 12 months ago
Name | Link |
---|---|
Latest commit | 3d5fc29a7d010f7c3c2d8d572db40219ecf632af |
Latest deploy log | https://app.netlify.com/sites/ask-quiz/deploys/651ef39be9a60a0008984283 |
Deploy Preview | https://deploy-preview-4--ask-quiz.netlify.app/ |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
Responsive Design: Added responsive design rules using media queries to adjust styles for smaller screens, improving readability and user experience on mobile devices.
Typography Styles: Defined typography styles for headings (h1) and paragraphs (p) to make content more visually appealing and organized.
Button and Link Styles: Enhanced button and link styles with hover and active effects, providing visual feedback to users when interacting with these elements.
Box Shadows: Added subtle box shadows to elements (box) for a 3D effect, improving the visual hierarchy of elements on the page.
Form Styles: Customized form elements (input[type="text"], input[type="email"], input[type="submit"]) for a consistent and visually pleasing form layout.
Transitions: Utilized CSS transitions for smooth animations and hover effects, making the user experience more engaging.
Custom Classes: Defined custom classes (custom-header and custom-footer) for specific elements to apply unique styles as needed.
These improvements enhance the overall aesthetics, user experience, and responsiveness of the stylesheet, making it more versatile and visually appealing for different devices and web pages.