I'm new to CSS and VueJs, so I'm creating a tab panel design with functionality
Currently, I am using the tailwind CSS plugin
The design I want is like this:
Current: CodePen
I can't copy this wish because I missed:
flex space-x-10 or grid grid-gap-20 but it doesn't workbg-gray-600 inside <nav> but
Cause not result
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
What you can do is change your navigation directly in CSS, using:
nav { width: max-content; /*This gonna set a fixed width, it is necessary*/ display: flex; gap: 20px; /*increase as much you want to stay like your template, it is the space between the elements in your flex*/ background: #ccc; /*Just put your color directly*/ border-radius: 20px; /*Just put your radius*/; }