Quiz App with Vue, Tailwind and Open Trivia API Part 1(B):Custom Tailwind CSS Classes

Published: 14 January 2021
on channel: SomTea Codes
1,330
32

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]


Watch video Quiz App with Vue, Tailwind and Open Trivia API Part 1(B):Custom Tailwind CSS Classes online, duration hours minute second in high quality that is uploaded to the channel SomTea Codes 14 January 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 1,330 times and liked it 32 visitors.