I wanted Robert and Anton to distinguish inline code from regular text and I gave them the CSS too.

While the CSS gave me what I wanted, it started overriding the syntax highlighting in block code.

Faulty CSS

code {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 3px;
    color: #dd1144;
    padding: 2px 4px;
    overflow-wrap: break-word;
}

Fix

*:not(pre) > code {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 3px;
    color: #dd1144;
    padding: 2px 4px;
    overflow-wrap: break-word;
}

PS: Are there prizes for fails? 😛

#Fail #fails