<div class="split-card">
                <h1>Component 1</h1>
                <p>Live Preview</p> 
                <hr class="line">
                <p>Code</p>
            </div>
            
            

            
                div.split-card {
                    max-width: 296px;
                    text-align: center;
                    margin-left: 32px;
                    margin-right: 32px;
                    margin-bottom: 20px;
                    border: 2px solid black;
                    border-radius: 20px;
                }   
            
                .line {
                    width: 70%;
                }
            
                .split-card>p:hover {
                    cursor: pointer;
                    color: #a05e93;
                }