<div class="flex items-center justify-center h-screen"> <div class="flex flex-col md:flex-row w-full md:w-[70%] items-center space-y-4" > <div class="md:w-96 w-[100%] md:h-screen h-48 bg-gray-200 overflow-hidden" > <img src="https://source.unsplash.com/1080x2400/?robot,error" alt="" class="" /> </div> <div class="flex-col space-y-4 text-center md:w-1/2 w-[80%]"> <div class="text-fuchsia-600 text-xl font-medium">Tailblocks</div> <div class="text-5xl font-medium">Page not found</div> <div class="text-gray-500"> Sorry, the page you're looking for isn't available. </div> <div class="flex items-center justify-center"> <div class="bg-fuchsia-600 px-4 py-1 text-white font-medium rounded-lg hover:scale-105 cursor-pointer" > Visit Homepage </div> </div> </div> </div> </div> <script src="https://cdn.tailwindcss.com"></script>