Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted


    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 πŸ™Œ

  • Submitted


    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 πŸ₯²

  • Submitted


    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

  • Submitted


    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!

  • Submitted


    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?