htmlで作成したサイトをスマホなどで見れるようにするにはどうしたらよいのでしょうか？

現在、htmlでのwebページ制作2日目です。
何とかVScodeを利用し、html,cssを大まかに作りました。（まだまだ未完成品ですが..)
そこで質問なのですが、VScodeの拡張機能のLiveViewerで表示させた際のurlをそのままスマホに打ち込んでもサイトが表示されません。教育目的での使用を考えているので、スマホなどの端末から閲覧できるようにするためには、何か特殊な記述がプログラミングの中に必要なのでしょうか？見識のある方回答お願いします。

html
1コード
2```    <head>
3    <div class="header">
4        <meta charset ="utf-8">
5        <titele><h1>数学授業運営サイト</h1></titele>
6        <meta name="description" content = "数学のプリント、動画をまとめたサイトです。" >
7        <link rel = "stylesheet" href="style.css">
8        <meta name="viewport" content="width=device-width,initial-scale=1">
9    </head>
10    <body>
11        <header>
12        <nav>
13            <li>
14                <a href="リンク１">トップへ</a>
15                <a href="リンク２">学年トップへ</a>
16                <a href="リンク３">単元トップへ</a>
17            </li>
18        </nav>
19        </header>
20    </div>
21            <img src="kesiki1.jpg" class="toppicture">
22    <div class="nakami">
23            <main>
24            <section>
25                <h2>利用方法</h2>  
26                <p>Youtubeでの授業動画をもとに対応する授業プリントを進める。</p>  
27            </section>
28            <section>
29                <h2>動画、授業プリント</h2>
30                <table>
31                    <tr>
32                        <td><a href="ワークシートリンク">指数関数No.1ワークシート</a></td>
33                        <td><a href="授業動画リンク">指数関数No.１授業動画</td>
34                    </tr>
35                    <tr>
36                        <td><a href="ワークシートリンク">指数関数No.２ワークシート</a></td>
37                        <td><a href="授業動画リンク">指数関数No.２授業動画</td>
38                    </tr>
39                    <tr>
40                        <td><a href="ワークシートリンク">指数関数No.３ワークシート</a></td>
41                        <td><a href="授業動画リンク">指数関数No.３授業動画</td>
42                    </tr>
43                    <tr>
44                        <td><a href="ワークシートリンク">指数関数No.４ワークシート</a></td>
45                        <td><a href="授業動画リンク">指数関数No.４授業動画</td>
46                    </tr>
47                </table>
48            </section>    
49            <section>
50                <h2>質問・意見フォーム</h2>
51                <form>
52                名前　:<input type ="text" name="name"><br>
53                クラス:<input type="radio" name="class" value="A">A<input type="radio" name="class" value="B">B<input type="radio" name="class" value="">C<br>
54                問い合わせ内容：
55                    <select name = "about">
56                        <option value ="class">授業について</option>
57                        <option value ="workseet">授業プリントについて</option>
58                        <option value ="etc">その他</option>
59                    </select><br>
60                内容　:<textarea name="inq"></textarea><br>
61                <input type =submit>
62                </form>
63            </section>
64        </main>
65        <aside>
66            <h3>Bunner</h3>
67            <ul>
68            <img src="kesiki2.jpg" class="bunnerpicture">
69            <li><a href="リンク１">トップへ</a></li>
70            <li><a href="リンク２">学年トップへ</li>
71            <li><a href="リンク３">単元トップへ</a></li>
72            </ul>
73        </aside>
74    </div>
75        <footer>
76            <p>数学授業運営サイト</p>
77        </footer>
78    </body>
79</html>