.unsupported-message {
    display: none;
    color: red;
    background-color: #fff3f3;
    border: 1px solid red;
    padding: 10px;
    margin-top: 20px;
}

@supports not ((display: flex) or (display: grid)) {
    .unsupported-message {
        display: block;
    }
}