Sjabloon:Flexbox/styles.css

.flexbox {
	display: flex;
	gap: 1em;
	align-items: center;
	margin: 0.5em 0;
}

.flexcenter {
	margin: 0.5em 10%;
}

.fitcontent {
	margin: 0.5em auto;
	width: max-content;
	max-width: 70%;
}

.justify-center {
	justify-content: center;
}

.flexbox div:empty {
	display: none;
}

.flexbox p {
	margin: 0;
	padding: 0;
	line-height: 175%;
}

.flexbox ul {
	margin-top: 0.3em;
}

.flexbox .infobox {
	margin: 0!important;
	float: unset;
}

@media all and (min-width:640px) {
	body.skin-minerva.skin--responsive .fitcontent {
		max-width: 65%;
	}
}

@media screen and (max-width: 736px) {
	.flexbox {
		margin: 0.5em 0;
		width: unset!important;
		max-width: unset;
		clear: both;
	}
	
	section:not(.mf-section-0) .flexbox {
		clear: unset;
	}
	
	.flexbox .center {
		text-align: left;
	}
	
	.flexbox .infobox {
		width: unset!important;
		font-size: unset!important;
	}
	
	.flexbox .mw-inputbox-input {
		width: calc(100% - 0.5em)!important;
	}
}