Я создал экземпляр EC2 и разместил в нем свой код PHP из клона git.
На локальном хосте мой CSS показывает мой сайт, как и ожидалось. Когда я просматриваю тот же сайт по IP-адресу своего экземпляра, CSS не проходит правильно. Некоторые из них работают правильно - например, цвета. Другие биты, такие как максимальный размер, не работают. Почему это могло произойти?
Это голова в моем HTML
<head>
<meta charset="UTF-8>
<title>spreadsheet</title>
<link rel="stylesheet" href="public/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="public/css/styles.css" type="text/css">
</head>
HTML, которая теряет размер
<!--Hero Banner-->
<div class='container hero' >
<div class="hero-text" >
<h2 class="display-4 ">You've located</h2>
<div ><h2 class="display-4" ><strong>Gemma</strong></h2></div>
</div>
<img class= "container-fluid hero-image mt-2" alt = "vintage map" src="public/images/content/map.jpg">
</div>
</section>
CSS этого раздела
#container {
position: relative;
}
.hero {
position: relative;
text-align: center;
}
.hero-image{
opacity: 30%;
max-height:650px;
}
.hero-text{
position: absolute;
top: 50%;
left: 50%;
min-width: 300px;
transform: translate(-50%, -50%);
}
Спасибо за вашу помощь!