[Solved] How to align div in relation to each other? [closed]

by


demo

enter image description here

It will only look like this if the internal browser’s width is greater than 600px. Otherwise, it will become a column.

enter image description here

.App {
  display: flex;
  justify-content: space-between;
}

.App > :first-child,
.App > :last-child {
  flex: 1;
  max-width: 300px;
}

.App > :last-child {
  text-align: right;
}

@media only screen and (max-width: 600px) {
  .App {
    justify-content: start;
    flex-direction: column;
  }

  .App > :first-child,
  .App > :last-child {
    max-width: none;
    text-align: center;
  }
}

2

solved How to align div in relation to each other? [closed]