I am currently utilizing bootstrap to enhance my website layout for mobile view. The main challenge I'm facing involves transitioning items from a row to a column in a specific order. In this case, I have two items in a row and I would like the first item to move below the second item in the column, instead of the second item being placed beneath the first.
<div className="row">
<div className="col-md-5 m-auto">
<div className="">
<p className="">
what am I doing.
</p>
</div>
</div>
<div className="col-md-7 m-auto">
<p className="">
what are you doing.
</p>
</div>
</div>
<div>