Как заставить мой CSS работать в Chrome?

Я новичок в Python и прохожу онлайн-курс Django от Дэйва Грея. В курсе мы создаем CSS для функции Nav.

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    background-color: black;
    color: whitesmoke;
    font-size: 3rem;
    display: flex;
    flex-flow: column;
}

nav {
    padding: 1rem;
    background-color: #44B78B;
    color: white;
    font-size: 2.5rem;
}

main {
    flex-grow: 1;
    display: grid;
    place-content: center;
}

h1,
p {
    text-align: center;
}

a {
    text-decoration: none;
    color: #81dbb8;
}

a:hover {
    opacity: .85;
}

Мой HTML-макет таков:

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        {% block title %}
            Django App
        {% endblock %}
    </title>
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <script src="{% static 'js/main.js' %}" defer></script>
</head>
<body>
    <nav>
        <a href="/">🏡</a> |
        <a href="/about">😊</a> |
        <a href="/posts">📰</a>
    </nav>
    <main>
        {% block content %}
        {% endblock %} 
     </main>
</body>
</html>

Моя домашняя страница HTML: 

{% extends 'layout.html' %}

{% block title %}
    Home
{% endblock %}

{% block content %}
    <h1>Home</h1>
    <p>Check out my <a href="/about">About</a> page.</p>
{% endblock %}

Обычно я использую Chrome, и это не выглядело так, как в его примере. После просмотра CSS я открыл страницу в Edge, и она выглядит идеально, как в его видео. В Chrome она игнорирует некоторые CSS. Как мне сделать мои страницы дружественными к Chrome?

Вот 2 скриншота Первый - как это должно выглядеть, а второй - как это выглядит в Chrome.

Краевое изображение

Хромное изображение

В хроме вы можете попробовать очистить кэш.

In the top right corner press the ellipses 
-> Settings
-> Search for cache
-> clear browsing data now
-> change the filter to all time and clear

После очистки кэша обновите страницу, и ваш css должен работать

Вернуться на верх