我´我正在学习瓦丁系列教程第8部分
视频：https://www.youtube.com/watch?v=ttubu8dynn0
文本版本：https://vaadin.com/learn/tutorials/modern-web-apps-with-spring-boot-and-vaadin/creating-custom-reusable-components-in-vaadin?medium=social
因此我´我正在为导入给定css文件的最后一步而挣扎。我做的和教程中显示的完全一样，但是表单样式没有´不能改变。css文件似乎不起作用。
vaadin版本14.4.2
我的项目文件夹，包括主视图：

css文件：

/* List view */
.list-view .content {
    display: flex;
}

.list-view .contact-grid {
    flex: 2;
}

.list-view .contact-form {
    flex: 1;
    padding: var(--lumo-space-m);
}

@media all and (max-width: 1100px) {
    .list-view.editing .toolbar,
    .list-view.editing .contact-grid {
        display: none;
   }
}

我的网络应用

应该是这样的：