html – merge/overlap columns bootstrap v4 small screen


I try to overlap the right column with the left column on a small size screen.
Is there a solution for that in bootstrap v4?

The problem at this point is that the right part is displaying under the left side on a small screen.

<div class="container">
            <div class="row">
                <div class="left col-md-6 col-sm-6">
                    <img src="./img/x.png" alt="pic">
                </div>
                <div class="right col-md-6 col-sm-6">
                    <div class="row">
                        <div class="col-md-12 rightfirstrow">
                            <h2 class="text-secondary">about</h2>
                            <p>text goes here</p>
                        </div>
                    </div>
                    <div class="row">
                        <div clas="col-md-12 rightsecondrow">
                            <a class="scroll" href="#anchor" role="button">GO TO JOBS</a>
                        </div>
                    </div>
                </div>
            </div>
</div>



Source link

Latest articles

Related articles

Leave a reply

Please enter your comment!
Please enter your name here