HTML Editor and Styling in Experience Builder #inSalesforce

HTML Editor and Styling in Experience Builder #inSalesforce

In the below visual, use code use like the following, for a simple styling

<div class="slds-grid slds-wrap">

        <div class="slds-col slds-size_6-of-12">

            <div class="custom-column" style="background-color: #3498db; color: #fff;">

                <h2>Column 1</h2>

                <p>This is the first column with colorful text and a blue background.</p>

            </div>

        </div>

        <div class="slds-col slds-size_6-of-12">

            <div class="custom-column" style="background-color: #e74c3c; color: #fff;">

                <h2>Column 2</h2>

                <p>This is the second column with colorful text and a red background.</p>

            </div>

        </div>

</div>

Visual: https://www.youtube.com/watch?v=PHvdtAq4-DY