Trying to create segmented button, but having problem with borders. I want to have 1px border everywhere including between buttons Structure for 2nd variant (buttons are rendered dynamically) <div class="divide-x"> <button class="border-y first:border-l last:border-r"> </div> I have tried multiple ways of borders 1st borders on each button but than I have 2px between buttons, and… Read More Having problem with borders on segmented button using tailwind

I’m experiencing a weird issue with the mobile responsive layout of a website. The address is https://melec.vercel.app/ On desktop using dev tools > responsive, it works correctly, also on any android device you get the correct mobile experience but in iOS devices (tested on 2 iphones) the website renders incorrectly, it seems to have the… Read More Broken mobile responsiveness in iOS only

How do I write border: 1px solid transparent; in tailwind css? I couldn’t find a way in the docs of tailwind. >Solution : Try this, <div class="border-solid border-1 border-transparent"></div>

i am using tailwind pre defined css in my vue project . <p class="bg-white text-black focus:text-red focus:bg-white-2 dark:text-white dark:bg-black dark:focus:bg-black-2 dark:focus:text-yellow">some text</p> <p class="bg-white text-black focus:text-red focus:bg-white-2 dark:text-white dark:bg-black dark:focus:bg-black-2 dark:focus:text-yellow">some text2</p> <p class="bg-white text-black focus:text-red focus:bg-white-2 dark:text-white dark:bg-black dark:focus:bg-black-2 dark:focus:text-yellow">some text 3</p> <p class="bg-white text-black focus:text-red focus:bg-white-2 dark:text-white dark:bg-black dark:focus:bg-black-2 dark:focus:text-yellow">some other text</p> <p… Read More convert multiple class name to one class in html