I created a new page called "NEW" with a form on it. At the top of the page, I am including an external page that contains my styles. Even though I am using the exact same route as another page where the style is applying correctly, on this new page the style is not being applied. What could be causing this discrepancy?
Page where the styles are working properly:
<% layout('partials/layout') -%>
<h1 class="heading">Pet Gallery!</h1>
<div class="blog-home2 spacer">
<div class="container gallery-container">
<div class="row m-t-40">
<% posts.forEach(function(post) { %>
<div class="col-md-4">
<div class="card" data-aos="flip-left" data-aos-duration="1200">
<!-- spot where image should go -->
<h1><%=post.name %></h1>
<span><%=post.fee %></span>
<span><%=post.description %></span>
<span><%= post.location%></span>
<div><a href="/gallery/pet/<%=post.id %>">View More</a></div>
</div>
</div>
<% }) %>
</div>
</div>
</div>
Page where the styles aren't applying:
<% layout('partials/layout') -%>
<h1>New Pet</h1>
<form action="/gallery" method="POST" enctype="multipart/form-data">
<div>
<input type="text" name="post[name]" placeholder="Name">
</div>
<div>
<input type="text" name="post[fee]" placeholder="Rehoming Fee">
</div>
<div>
<textarea name="post[description]" placeholder="Description"></textarea>
</div>
<div>
<input type="text" name="post[location]"placeholder="Location">
</div>
<input type="file" accept='images/*' name="images" multiple>
</div>
<div>
<input type="submit">
</div>
[1]: https://i.sstatic.net/zjj7C.png
Code containing navbar and style link :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8>
<title><%= title %>></title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.css' rel='stylesheet' />
<link rel="stylesheet" href="stylesheets/post-show.css">
</head>
<body>
<% include ../partials/navbar %>
<% include ../partials/flash-message %>
<%-body -%>
</body>
</html>