Template:Dialogue image/styles.css: Difference between revisions

Template page
Content added Content deleted
(Created page with ".dialogue-image img { max-width: 100%; margin: 1.5em auto; }")
 
(fix weird aspect ratio bug)
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
.dialogue-image {
width: 700px;
max-width: 100%;
}

.dialogue-image img {
.dialogue-image img {
max-width: 100%;
max-width: 100%;
margin: 1.5em auto;
height: auto;
}

.dialogue-image.modern {
margin: 2em auto;
}

.dialogue-image.modern img {
border-radius: var(--border-radius--medium);
}

.dialogue-image.traditional {
margin: 1em auto;
}
}

Latest revision as of 00:47, 22 July 2023

.dialogue-image {
	width: 700px;
	max-width: 100%;
}

.dialogue-image img {
	max-width: 100%;
	height: auto;
}

.dialogue-image.modern {
	margin: 2em auto;
}

.dialogue-image.modern img {
	border-radius: var(--border-radius--medium);
}

.dialogue-image.traditional {
	margin: 1em auto;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.