html - メイン コンテナ div の上のギャップ

Question

非常にシンプルな Web アプリを作成しました。さまざまな方法を試したり、他のいくつかの質問やチュートリアルをオンラインで読んだりしたにもかかわらず、最小のメディア クエリでトップ ギャップを取り除く方法がわかりません。

アプリへのリンクはこちらです。他のヒントは大歓迎です。スタイルシートは少し行き当たりばったりなので、調べてクリーンアップしますが、学習曲線はまだ早いので、すべてのヘルプを使い果たします. 前もって感謝します。

Answer 1

h1の上マージンを削除します

h1 { margin-top: 0 }

Answer 2

#calcPanel h1 {
padding: 8%;
margin-top: 0;
}

Answer 3

margin-topdivから削除する必要があります。

#calcPanel {
   width: 38%;
   height: 95vh;
   margin-left: 8%;
   margin-top: 1vh;    /* replace this with     margin-top: 0px; */
   float: left;
}