Template:Sandbox3/styles.css

.contentrow {
	display:flex;
	box-sizing: border-box;
	background-color:#f9f9f9; 
	border-top:1px solid #b3b3b3;
}
.date {
	flex:1;
	flex-shrink:1;
	text-align:center;
}
.format {
	flex:1;
	flex-shrink:1;
}
.players {
	flex:1;
	flex-shrink:1;
	text-align:center;
}
.location {
	flex:3;
	flex-shrink:1;
	font-weight:bold;
}
.winnercontent {
	width:200px;
	flex-shrink:1;
}
.deckcontent {
	width:300px;
	flex-shrink:1;
}

@media screen and (max-width: 900px) {
  div.winnercontent {
  	display:none;
  }
  div.winnercontent2 {
  	display:block;
  }
  div.deckcontent {
  	display:none;
  }
  div.deckcontent2 {
  	display:block;
  }
}

@media screen and (min-width: 901px) {
  div.winnercontent2 {
  	display:none;
  }
  div.deckcontent2 {
  	display:none;
  }
}