Right position div show in left position in mobile view

[ifoursanjay]

<div class="card">
  <div class="row no-gutters">
    <div class="col-8">
      <div class="card-block">
        <h4 class="card-title">v</h4>
        <p class="card-text">Basics of Computers - Introduction. ... The literal meaning of computer is a device that can calculate. However, modern computers can do a lot more than calculate. Computer is an electronic device that receives input, stores or processes the input as per user instructions and provides output in desired format.</p>
        <a href="#" title="">Explore &nbsp;<i class="fa fa-caret-right"></i></a>
      </div>
    </div>
    <div class="col-4">
      <img src="./images/prod.jpg" class="img-fluid" alt="####">
    </div>
  </div>
</div>

[TechnoBear]

Please post the relevant CSS to demonstrate your issue.

[ronpat]

Good morning, @ifoursanjay.

You remember our posting guidelines request asking a member to post a “working page” that demonstrates the issue so we can run that code on our computers and see what you see.

If you have not read our posting guidelines, please take a few minutes and do so right here:

Forum POSTING Guidelines (Posting Basics): (Help us help you!)

Forum Posting Basics

When posting a coding question, it’s important to help people to help you. Ideally, post a link to a web page that demonstrates the issue. If that’s not possible (for example, if your site is not live yet) there are various other options. You might, for example, create a working example of the problem on a site like CodePen. You can then paste the link to your Pen here. (If you sign up for a free account at CodePen, your Pen will get embedded right here, like this: http://codepen.io/oknoblich/…

Thanks

[PaulOB]

Using my crystal ball I’ll assume this is a bootstrap4 layout and as clearly shown in the documentation you can just use the col-sm- classes to produce the layout you require.

e.g.

 <div class="card">
    <div class="row no-gutters">
      <div class="col-sm-8">
        <div class="card-block">
          <h4 class="card-title">v</h4>
          <p class="card-text">Basics of Computers - Introduction. ... The literal meaning of computer is a device that can calculate. However, modern computers can do a lot more than calculate. Computer is an electronic device that receives input, stores or processes the input as per user instructions and provides output in desired format.</p>
          <a href="#" title="">Explore &nbsp;<i class="fa fa-caret-right"></i></a> </div>
      </div>
      <div class="col-sm-4 "> <img src="./images/prod.jpg" class="img-fluid" alt="####"> </div>
    </div>
  </div>

Assuming I guessed right and this is a bootstrap4 layout then please read the grid information as it has the information you will need in order to create differing layouts for mobile/desktop and will explain it better than me