B
B
Bogdan2018-02-17 19:34:16
css
Bogdan, 2018-02-17 19:34:16

How to make indents between columns in a responsive website?

Hello. Can you please tell me the best way to make indents between columns along the Y axis in an adaptive site, when, for example, a column goes to another line, so that everything is centered?
5a88584165180610720096.png
asked for then the bottom indent was large
<div class="col-3 mb-3">
5a88598490af4225558254.png

<div class="container">
   <div class="card">
      <div class="card-header">Product list</div>
      <div class="card-body">
         <div class="row">
            <div class="col-3">
               <div class="card">
                  <div class="card-header">1 Iphone 1</div>
                  <div class="card-body"></div>
               </div>
            </div>
            <div class="col-3">
               <div class="card">
                  <div class="card-header">1 Iphone 2</div>
                  <div class="card-body"></div>
               </div>
            </div>
            <div class="col-3">
               <div class="card">
                  <div class="card-header">1 Iphone 3</div>
                  <div class="card-body"></div>
               </div>
            </div>
            <div class="col-3">
               <div class="card">
                  <div class="card-header">1 Iphone 4</div>
                  <div class="card-body"></div>
               </div>
            </div>
            <div class="col-3">
               <div class="card">
                  <div class="card-header">1 Iphone 5</div>
                  <div class="card-body"></div>
               </div>
            </div>
            <div class="col-3">
               <div class="card">
                  <div class="card-header">1 Iphone 6</div>
                  <div class="card-body"></div>
               </div>
            </div>
            <div class="col-3">
               <div class="card">
                  <div class="card-header">1 Iphone 7</div>
                  <div class="card-body"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

Answer the question

In order to leave comments, you need to log in

1 answer(s)
I
I'm Yoda, 2018-02-17
@bogdan_uman

Elementary Watson!

<div class="card-body pt-3 pb-0">
<div class="col-3 mb-3">

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question