Словарь не отображается на странице

В моем представлении я пытаюсь передать словарь следующим образом

rooms = [
    {'id': 1, 'name': 'designign'},
    {'id': 2, 'name': 'wow'},
    {'id': 3, 'name': 'now'},
]

def home(request):
    context = {'rooms' : rooms}
    return render(request, 'home.html', context)

Тогда на странице home.html у меня есть такой код

{% extends 'main.html' %}

{% block content %}
<h1>Home Template</h1>
<div>
    <div>
        {% for room in rooms %}
            <div>
                <h1>{{room.name}}</h1>
            </div>
        {% endfor %}
    </div>
</div>
{% endblock content %}

но элементы в словаре не отображаются.

url и путь в порядке, потому что <h1>Home Template</h1> отображает

но больше ничего не отображается

main.html

<body>
    {% include 'navbar.html' %}

    {% block content %}

    {% endblock %}
</body>

urlpattern, если это имеет значение

urlpatterns = [
    path('', views.home, name="home")
]

К элементам словаря нельзя обращаться как к атрибутам.

Попробуйте сделать

room["name" ]
Вернуться на верх