Skip to content

Instantly share code, notes, and snippets.

@flymke

flymke/custom.css

Last active November 25, 2022 20:08
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save flymke/406d3c1fab312fa9acead680b129568d to your computer and use it in GitHub Desktop.
Save flymke/406d3c1fab312fa9acead680b129568d to your computer and use it in GitHub Desktop.
Download ZIP
SantaPress - make more doors in a row on mobile devices
Raw
custom.css
/* 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