Just starting out with CSS and VueJs and currently working on a tab panel design with functionality.
Utilizing the tailwind CSS plugin for this project.
Here is my desired design:
https://i.sstatic.net/58Dq.png
Current progress: CodePen
Struggling to replicate the desired design due to:
- Issues with space between elements - Attempted using
flex space-x-10
orgrid grid-gap-20
without success - Difficulty achieving gray background - Tried applying
bg-gray-600
within<nav>
tag but no effect seen - Unable to implement change of selected tab on click