screen-size.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Screen Size Test - gabrielf11</title>
    <meta name="description" content="a page to test the screen size of devices">
    <link rel="icon" href="media/favicon.ico" sizes="any">
    <link rel="apple-touch-icon" href="media/apple-touch-icon.png">
    <link href="/dist/output.css" rel="stylesheet">
</head>
<body class="bg-white sm:bg-red-500 md:bg-orange-500 lg:bg-yellow-500 xl:bg-green-500 2xl:bg-blue-500 transition-colors">
    <h1>This page tests Tailwind CSS device sizes. White: smaller than small (mobile), Red: small, Orange: medium, Yellow: large, Green: extra large, Blue: 2 extra large</h1>
</body>
</html>