şu divlerde sağdan soldan gördüğünüz gibi dengesiz bunun her cihazda ortalamak istiyorum yardımcı olursanız sevinmirim

.div1{

  float: left;
  margin-right:0px;
  margin-top: 90px;
  background-color: black;
  margin-left: 50px;
        
  width: 250px;
  height: 500px;

 
      
  border: 5px solid lime;
    
  border-radius: 20px;
    
  -webkit-box-shadow: 0 0 6px 4px lime;
  -moz-box-shadow: 0 0 6px 4px lime;
  box-shadow: 0 0 6px 4px lime;
  }
  
  .div2{

  float: left;
  margin-top: 90px;
  background-color: black;
  margin-left: 50px;
        
  width: 800px;
  height: 500px;
 
      
  border: 5px solid lime;
    
  border-radius: 20px;
    
  -webkit-box-shadow: 0 0 6px 4px lime;
  -moz-box-shadow: 0 0 6px 4px lime;
  box-shadow: 0 0 6px 4px lime;
    }
 @media only screen and (max-width: 768px) {
  [class*="div2"] {
     margin-left: 50px;
     margin-right:20px;
     width: 250px;

  }
  }
  .div3{
  float: left;
  margin-right:0px;
  margin-top: 90px;
  background-color: black;
  margin-left: 50px;
        
  width: 250px;
  height: 500px;

 
      
  border: 5px solid lime;
    
  border-radius: 20px;
    
  -webkit-box-shadow: 0 0 6px 4px lime;
  -moz-box-shadow: 0 0 6px 4px lime;
  box-shadow: 0 0 6px 4px lime;
  }
[COLOR=#000000][FONT=Open Sans][/FONT][/COLOR]