Upon closer inspection, I realized that the issue with Chrome Dev Tools not live editing CSS was caused by the following lines of code:
@media (max-width: 767px) {
.projects-* .v-center.row {
display: block;
width: auto;
}
.projects-* .v-center.row > * {
display: block;
vertical-align: baseline;
}
}
Any CSS written after these lines would only show up in the Chrome Dev Tools inspector as:
styles.css:1
I'm not sure if there is something fundamentally wrong with this CSS or if it's just a glitch in Chrome. Any insights?