media-query-types.html

<!DOCTYPE html>
<html>

<head>
    <script src="pages.js"></script>
    <script src="navigation.js"></script>
    <link rel="stylesheet" href="style.css" />
    <style>
        a {
            color: #ddd;
        }
    </style>
</head>

<body>
    <main class="standard">
        <h1 class="border-bottom">Media Query Types</h1>
        <h2>Commonly used</h2>
        <section>
            <ul>
                <li>max-width</li>
                <li>min-width</li>
                <li>orientation</li>
                <li>aspect-ratio</li>
            </ul>
        </section>

        <h2>Full list</h2>
        <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">MDN page</a>
    </main>
</body>

</html>