Quiz App with Vue, Tailwind and Open Trivia API Part 1(B):Custom Tailwind CSS Classes
Build a Quiz App with Vue and Tailwind. An intermediate level project for learning vue
You would learn
Simplify your design
To group classes /styles in Tailwind
Plan ahead for API
1. Create and Style the User Interface. Part 1(B)
In this video I would cover how to group styles and make the options look different by just changing one (1) class name
Source Code: https://github.com/somteacodes/quizap...
Timestamps
0:00-0:34 What we are building
0:34-3:12 Add custom css and group class
3:12-6:39 Group classes for default option
6:39-8:55 Group classes for wrong option
8:55-10:22 Group classes for correct option
10:22-11:17 Class name cleanup
11:17-14:00 Use same option for different option state
14:00-14:15 Outro
Remember to install VueDev tools, its a browser extension, so just google it
=======Reach me=======
Twitter: / somteacodes
Email: [email protected]
On this page of the site you can watch the video online Quiz App with Vue, Tailwind and Open Trivia API Part 1(B):Custom Tailwind CSS Classes with a duration of hours minute second in good quality, which was uploaded by the user SomTea Codes 14 January 2021, share the link with friends and acquaintances, this video has already been watched 1,330 times on youtube and it was liked by 32 viewers. Enjoy your viewing!
