CSS Best Practises 1: modules

HTML

<div data-test-module="">
     <h2 class="beta-header">This is a test</h2>

    <p>lorem ipsum blh sjsjs jskls</p>
    <p>jdkfjd jkdjd jkdj jdkdl </p>
</div>

<p>A modul

SCSS

.beta-header {
    color : green;
    font-size : 20px;
    margin-bottom : 12px;
}

[data-test-module] {
    
    padding : 20px;
    border : solid 1px #666;
    margin : 20px;

    h2 {
        font-size : 28px;
    }
    p {
        color : lightblue;
        font-style : italic;
    }
}