Skip to content

Instantly share code, notes, and snippets.

@flymke
Last active November 25, 2022 20:08
Show Gist options
  • Save flymke/406d3c1fab312fa9acead680b129568d to your computer and use it in GitHub Desktop.
Save flymke/406d3c1fab312fa9acead680b129568d to your computer and use it in GitHub Desktop.
SantaPress - make more doors in a row on mobile devices
/* make 4 doors in a row */
@media only screen and (max-width: 767px) {
.santapress-container .santapress-door {
width: 25% !important;
flex: 1 0 25% !important;
}
}
/* make 4 doors in a row without stretching the last element */
@media only screen and (max-width: 767px) {
.santapress-container .santapress-door {
width: 25% !important;
flex: none !important;
}
}
@flymke
Copy link
Author

flymke commented Sep 6, 2022

/* 4 colums on mobile - 6 columns on desktop */
.santapress-container .santapress-door { 
	width: 16.666666666666667% !important; 
	flex: 1 0 16.666666666666667% !important; 
}
@media only screen and (max-width: 767px) {
	.santapress-container .santapress-door { 
		width: 25% !important; 
		flex: 1 0 25% !important; 
	}
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment