크로스브라우징: @supports, 속성지원여부에 따른 브라우저별 CSS 스타일 적용하기

크로스브라우징: @supports, 속성지원여부에 따른 브라우저별 CSS 스타일 적용하기 

/* 만약 브라우저가 `display: grid` 속성을 지원한다면 이 스타일이 적용됩니다. */
@supports (display: grid) {
    .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

/* 만약 브라우저가 `display: grid` 속성을 지원하지 않는다면 이 스타일이 적용됩니다. */
@supports not (display: grid) {
    .container {
        float: left;
        width: 50%;
    }
}