spaces between container to each div class

Guest User

3y1.2kCSS

HI Team

I want to create a spaces in between div class container, below is my css style and div class.

/css file

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px; /* add margin to create space between images */
}

@media (min-width: 768px) {
  picture {
    width: 100%;
    height: 100%;
  }
}

// div classes


  
    
      
        
          Discounted Deals

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Tuhin Paul3y ago

Sample Code:

CSS:

.col-md-6 {
margin-bottom: 20px;
}

HTML:


  
    
      
        
          Discounted Deals

This will add a 20px margin-bottom to all the columns with the class "col-md-6", creating space between the images.

Tuhin Paul3y ago
To add space between the images inside the container, you can add a margin-bottom property to the "col-md-6" class.

Deepak Rawat3y ago

I use this method try if it can resolve your issue.

.container {
  margin-bottom: 20px; /* Adds a 20px space below each container */
}

Abhishek Chadha3y ago
You can use the Margin or padding whichever suited to your requirement