Creating a fallback to the gap property

HTML & CSS
4

e.g.

body {
  background: #353198;
  display:flex;
  }

.outer {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  justify-content: space-between;
  align-content:space-between;
  width: 290px;
  height:290px;
  /*gap: 10px;*/
  background: green;
}

.thePlay {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  fill: blue;
  background: transparent;
  padding: 0;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.7));
}
/*
.vertical {
  margin: 0 10px;
}

.horizontal {
  margin: 10px 0;
}
*/

That’s just for example because I believe flex on the body may mess the layout up when you switch to the videos etc.

1 Like