User:0x99/styles.css: Difference between revisions

Revision as of 08:27, 16 September 2023

.pm-container__box img {
	max-width: 100%;
	height: auto;
}

@media (min-width: 875px) {
	.pm-container {
		display: flex;
	}
	
	.pm-container__left {
		margin-right: 2px;
	}
	
	.pm-container__middle {
		margin-left: 2px;
		margin-right: 2px;
	}
	
	.pm-container__right {
		margin-left: 2px;
	}

	.pm-container__box--1\/2 {
		flex: 1 1 50%;
	}

	.pm-container__box--2\/3 {
		flex: 1 1 66%;
	}

	.pm-container__box--1\/3 {
		flex: 1 1 33%;
	}

	.pm-container__box--1\/4 {
		flex: 1 1 25%;
	}

	.pm-container__box--2\/4 {
		flex: 1 1 50%;
	}

	.pm-container__box--3\/4 {
		flex: 1 1 75%;
	}
}