JSFiddle - React, Tailwind, and code Playground

by giovanni gokhan morkoc

HTML

<div class="padding">
     <h3>first padding</h3>

    <div class="container__padding--desktop">
        <div class="video"> <a href="#">a</a> 
        </div>
    </div>
    <div class="container__padding--content container__padding--tablet"></div>
    <div class="container__padding--content container__padding--mobile"></div>
    
</div>

CSS

div.padding {

    width: 100%;

    margin: 30px 5%;

    float: left;

}

JavaScript

$(function () {
        var holder = '.padding';
            $(holder).each(function () {
                var $t = $(this);
                var $clone = $t.children(".container__padding--content");
                $t.children('.container__padding--desktop').children().clone().appendTo($clone);
            });
    });