JSFiddle - React, Tailwind, and code Playground

by khamer

SCSS

.news-and-events {
    border: 10px solid orange;
    
    .news {
        background: red;
        width: 300px;
    }
    
    
    @media screen and (min-width: 400px) {
        border: 5px ridge peru;
        
        .news {
            background: blue;
            width: 400px;
        }
    }
}