Почему мой код HTML скрыт на сервере, а на локальной машине - нормально?

Question

У меня есть раздел в коде, который отображает три гиперссылки с помощью тега. Когда я локально открываю файл HTML на ноутбуке, они показывают просто отлично и работают.

Однако, когда я использую расширение живого сервера в коде VS, оно кажется скрытым, когда я проверяю элемент, это также относится и к развертыванию веб-сайта в Openshift. Я не уверен, почему это так.

.social_media a {
	width: 33.3%;
	font-size: xx-large;
}

.social_media a:hover {
	background-color: lime;
}

<section class="middle_bottom">

				<section>
					<h1>Social Media</h1>
				</section>

				<div class="social_media">
					<a href="https://www.linkedin.com">
						Linkedin
					</a>
					<a href="https://www.facebook.com">
						Facebook
					</a>
					<a href="https://www.instagram.com">
						Instagram
					</a>
				</div>

</section>