DIaplay inline from css basics course

Hi, could anyone please tell me why this will not work in crome?

/* ================================= Media Queries ==================================== */

@media (min-width: 769px) {

.wrap {
    min-height: calc(100vh - 89px);
}

.container {
    width: 80%;
    max-width: 1150px;
    margin: 0 auto;
}

.name, .main-nav li { display: inline; }

}

I typed this out using the workspace and brackets, when I copy the link from workspace to firefox, everything works as it should, just like in the tutorial viedo. I have even skipped forward to the next tutorial and opened the workspace, where all the code is already typed out and still nothing gets applied in crome, but when I open it in firefox, the menu displays at the side of the h1. Totally confused, cause crome is being used in the tutorial and seems to work fine.

Thanks in advance!