Adding bootstrap to my HTML file with handlebars and applying custom CSS caused issues with the body {} customizations, specifically the background color and font not working properly after adding the navbar. How can I resolve this problem?
Here is my CSS code:
body {
padding: 50px;
font: 1rem/1.3 "Roboto", sans-serif;
background-color: rgba(7, 31, 31, 0.664);
}
.heading {
font-weight: heavy;
color: #1a0b0b;
font-size: 2.4rem;
letter-spacing: 0.05em;
padding: 0 0 30px 0;
}
...
This is my HTML with handlebars code:
<!doctype html>
<html lang="en">
<head>
// Added external CSS and scripts links here
<h5 >Name: Syeda Fatima, Student ID: 500840365</h5>
<h1 class="heading">CAR-PARTS Tooling Inventory</h1>
<body>
<header>
// Navbar implementation here
</header>
// Sections for inserting, getting, updating, and deleting data
</body>
</html>