Here is the Website link: Sheryians_Coding_School_Level_3_ProjectNo_1_significo.
npm install -D tailwindcss
npx tailwindcss init
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}
input.css
@tailwind base;
@tailwind components;
@tailwind utilities;
Terminal
npx tailwindcss -i input.css -o output.css --watch
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="output.css" rel="stylesheet">
</head>
<body>
<h1 class="text-3xl font-bold underline">
Hello world!
</h1>
</body>
</html>
main>home_sticky>header>container>hero>mobile_link>video w-embed>video>sourcevideo/mp4
<!--
Inspect:
main>home_sticky>header>container>hero>mobile_link>video w-embed>video>sourcevideo/mp4
-->
<!-- significo-main-hero.mp4 -->
<source src="https://cdn.significo.com/videos/significo-main-hero.mp4" type="video/mp4">