Template:MainPage/style.css: Difference between revisions

From Ediaqi Wiki
(Created page with ".logo-banner{ display:grid; place-items: center; }")
 
No edit summary
 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
.logo-banner{
.logo-banner{
display:grid;
display: grid;
place-items: center;
place-items: center;
margin: 5em 0;
}
.logo-banner img{
object-fit: cover;
width: 90vw;
max-width: 900px;
height: auto;
}
.logo-banner .moto{
text-align: center;
width: 100%;
margin-bottom: 2em;
}
.tabs{
display: flex;
gap: 1em;
margin-top: 1em;
font-size: 0.75em;
width: 100%;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
}
.tabs > div {
min-width: 250px;
width: 25%;
max-width: 90vw;
}
.gallery-caption {
    word-wrap: break-word;
    white-space: normal;
}
}

Latest revision as of 12:26, 20 June 2024

.logo-banner{
	display: grid;
	place-items: center;
	margin: 5em 0;
}
.logo-banner img{
	object-fit: cover;
	width: 90vw;
	max-width: 900px;
	height: auto;
}
.logo-banner .moto{
	text-align: center;
	width: 100%;
	margin-bottom: 2em;
}

.tabs{
	display: flex; 
	gap: 1em; 
	margin-top: 1em; 
	font-size: 0.75em;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
}

.tabs > div {
	min-width: 250px;
	width: 25%;
	max-width: 90vw;
}

.gallery-caption {
    word-wrap: break-word;
    white-space: normal;
}