メディアクエリ内の.pc-menuでのdisplayについてなのですが、
なぜdisplay: block;を指定しなければメニューリストが表示されないのでしょうか？

動画をみながら、”divはブロック要素なのになぜあえてblockに指定する必要があるんだ？”と思い、display: block;を書かずにコード進めていると、メニューリストが表示されなかったため、動画通りにdisplay: block;を追加すると表示されるようになりました。

ここでのdisplay: block;にはどんな役割があるのですか？
なぜblockに指定しないと表示されないのでしょうか？
また、指定する前はブロック要素ではなかったということですか？


@media (min-width: 600px) {
.pc-menu {
display: block;
margin-left: auto;
}

.sp-menu {
display: none;
}
}

よろしくお願いいたします。