JSFiddle - React, Tailwind, and code Playground

by Sampath_Madhuranga

HTML

<div class="r-tificial-container">


             <div class="coding-img">
hi

            </div>
            <div class="r-tificial-text">
                <div class="seclink-div">hii</div>
            </div>

</div>

CSS

.r-tificial-container {
    display: grid;
    grid-gap: 1vmin;

}

.coding-img {
    grid-column-start: 1;
    grid-column-end: 2;
}

.r-tificial-text {
    grid-column-start: 2;
    grid-column-end: 10;
    background-color: #fff;
}