* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.flex-container {
  display: flex;
  height: 100vh;
  gap: 20px;
  background-color: #eef0f1;
}
.flex-leftitem {
  flex: 0.2; /* Each item takes equal width */
  background-color: #00008B;
  padding: 20px;
}
.flex-rightitem {
  flex: 0.8; /* Each item takes equal width */
  background-color: #eef0f1;
  padding: 20px;
}
/* Responsive: Stack on small screens */
@media (max-width: 600px) {
  .flex-container {
    flex-direction: column;
  }
}