Template:NotableWrap/styles.css: Difference between revisions

From Tears of Themis Wiki
imported>Elaeagnifolia
(Created page with "→‎* [[Template:NotableWrap]] *: .notable-wrap { box-sizing: border-box; } .notable-wrap { display: flex; flex-wrap: wrap; } →‎desktop: @media screen and (min-width: 1000p...")
 
imported>Elaeagnifolia
No edit summary
 
Line 10: Line 10:
@media screen and (min-width: 1000px) {
@media screen and (min-width: 1000px) {
.notable-wrap > .notable {
.notable-wrap > .notable {
width: 350px;
width: 400px;
}
}
}
}

Latest revision as of 22:27, 6 August 2021

/** [[Template:NotableWrap]] **/
.notable-wrap {
	box-sizing: border-box;
}
.notable-wrap {
	display: flex;
	flex-wrap: wrap;
}
/*desktop*/
@media screen and (min-width: 1000px) {
	.notable-wrap > .notable {
		width: 400px;
	}
}
/*mobile*/
@media screen and (max-width: 999px) {
	.notable-wrap > .notable {
		width: 100%;
	}
}