!Kakashi
!Kakashi
PostsComments
NNuxt
Created by Furnaxe on 7/22/2024 in #❓・help
Display problem
Is it tailwind ? I thought your style was pure CSS. On the other hand, it will be hard to debug without a sandbox with a minimal reproduction of your case. But I know that in safari the div does not take the width of the content, especially when a flex is placed in an absolute element. Maybe you can try this to ensure that the div takes the full width 
<div class="absolute inset-0 bg-white border border-gray-200 shadow-lg mx-auto mt-auto transform translate-y-2/3 w-full max-w-2xl h-full">
<div class="absolute inset-0 bg-white border border-gray-200 shadow-lg mx-auto mt-auto transform translate-y-2/3 w-full max-w-2xl h-full">
Otherwise, you can play with the style on https://play.tailwindcss.com. You have the generated CSS tab that could be very helpful in your case You can also use https://www.browserstack.com/ to emulate locally your site with different browsers to test them
6 replies
NNuxt
Created by Furnaxe on 7/22/2024 in #❓・help
Display problem
Safari is known for having some weird issues with style. Maybe in your case you are using a property not supported by safari ? Have you already tried playing with the style to find an alternative ?
6 replies