All solutions

Feedback are welcome 👌

little struggling when add tiny arrow in white box 🥲

very tiring playing with svg 😭, why don't I just export to group png instead using each svg and arrange them one by one🥲, but I like it, there's a challenge

Feedback are welcome 😁

Functionality, responsive, and transition running well, but too many useless condition 🥲, I spent a whole day working on this 😭, i will refactor it later to make it more simple flow.

Feedback are welcome 🙌

feedback will be appreciated 🙌.

Hmm i think have compatibility issue in slider section, i'ts work as expected on microsoft edge, but there is a white line that shouldn't exist in the preview result above 🥲

feedback will be appreciated 🙌

feedback will be appreciated 🙌

Feedback will be appreciated 🙌.

when using tailwind I am inconsistent between using px or rem, especially at sizes that are not found in the tailwind utility such as 41px, 53px or something else. any tips?

note: remove &type=solution in url if want see better

any kind of feedback will be appreciated 🙌

Hi Devlopers,

i'm still struggling to be consintent with tailwind, any tips? I'm confused about this tailwind best practice for utilities that don't exist in tailwind. so sometimes I use native css which makes it inconsistent

i will response any feedback, discussion, and question, thanks!

Hello everyone,

I'd like to ask some questions related to the challenges I'm facing with complex components in my TailwindCSS and Nuxt 3 project. Your advice and insights would be greatly appreciated:

1. How can one optimize the use of classes in TailwindCSS when dealing with Complex components?

2. Is there a better approach to combining classes and TailwindCSS, as illustrated in the provided examples?

   • Example 1

   class="h-full xs:h-auto grid place-items-center shadow-xl hover:shadow-2xl transition-shadow w-full max-w-[320px] bg-white px-4 pt-4 pb-10 xs:rounded-[20px]"
   

   • Example 2

   .desc {
   font-family: "Outfit", sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 15px;
   line-height: 19px;
   text-align: center;
   letter-spacing: 0.1875px;
   color: #7d889e;
   }
   

   • Example 3

   .decoration-oval {
   @apply rounded-full absolute;
   
       width: 270px;
       height: 270px;
       transition: all ease 0.3s;
       background: #3685ff;
       }
   

   • Example 1: Long class (directly within the HTML element)\
   • Example 2: Defining a class (considered best but inconsistent)\
   • Example 3: Combination of class and Tailwind (also inconsistent) Are there other ways to address the shortcomings in each provided example?

3. How can one ensure consistency when using TailwindCSS?

4. Are there any recommendations or guidelines on best practices when using TailwindCSS, especially when it comes to more complex components?