Product modal card built with HTML and styling with Tailwind CSS.
Represents one global container, which is going to push everything in the middle and one card container with shadow and rounded corners with 2 flex sections (with image and text) inside.
Added hover effect and small animation to the items.
Install Tailwind CSS with CDN - Add the Play CDN script tag to the of your HTML file, and start using Tailwind’s utility classes to style your content.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<h1 class="text-3xl font-bold underline">
Hello world!
</h1>
</body>
</html>