Recently, I have been honing my skills in Python and Django by following Corey Schafer's informative YouTube tutorial series. The main focus is on creating a blog page using these technologies.
Click here to view the tutorial
Things were progressing smoothly until I added the bootstrap code and noticed that my webpage was not appearing as expected. In the video, the instructor encountered a similar issue but managed to resolve it by restarting the terminal and refreshing the page. However, when I attempted this solution, nothing changed. I also tried clearing my browser cache, as suggested, but that didn't solve the problem either.
I have included my main.css file from the templates\blog\static\blog directory below:
body {
background: #fafafa;
color: #333333;
margin-top: 5rem;
}
h1, h2, h3, h4, h5, h6 {
color: #444444;
}
... (CSS continues) ...
Additionally, I have shared my base.html file which references the main.css:
{% load static %}
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
... (HTML continues) ...
</body>
</html>
Regrettably, due to my new membership status, I cannot upload screenshots directly to this post. Everything seems to be loading fine on my end, but visually the page is not rendering correctly. Am I overlooking something? Any assistance would be greatly appreciated. Thank you!
EDIT: Encountering a 404 error
This makes me suspect that there may be an issue with my implementation, possibly related to the connection with my main.css file. Is my assumption correct?