*{ box-sizing:border-box; }
body{ margin: 3vmin;}
#orange{ 
  width: 94vmin; 
  height:94vmin; 
  max-width:600px; 
  max-height:600px; 
  margin:0 auto;
  background-color: sandybrown; 
  position:relative;
}
#green{ 
  background-color:greenyellow;
  position:absolute;
  left: 0vmin; 
  top: 0vmin; 
  width: 94vmin; 
  height: 12vmin;
}
#coral{ 
  background-color:darksalmon;
  position:absolute;
  left: 0vmin; 
  top: 0vmin; 
  width: 12vmin; 
  height: 94vmin;
}
#black{ 
  background-color: gray;
  position:absolute;
  left: 82vmin; 
  top: 0vmin; 
  width: 12vmin; 
  height: 94vmin;
}
#lavender{ 
  background-color:lavender;
  position:absolute;
  left: 0vmin; 
  top: 82vmin; 
  width: 94vmin; 
  height: 12vmin;
}