Template

News header/styles.css

From Dogcraft Wiki

No edit summary
No edit summary
Line 1: Line 1:
p,div {
p {
margin: 1rem 15%;
/*display:grid;
grid-template-columns: 1fr 1fr;*/
column-gap: 1rem;
text-align: justify;
column-count: 2;
}
 
div:not([class~="thumb"]) {
margin: 1rem 15%;
margin: 1rem 15%;
/*display:grid;
/*display:grid;
Line 18: Line 27:


@media screen and (max-width: 1000px) {
@media screen and (max-width: 1000px) {
p,div {
p {
column-count: 1;
column-count: 1;
}
}
Line 24: Line 33:


@media screen and (max-width: 450px) {
@media screen and (max-width: 450px) {
p,div {
p {
margin: 1rem 0;
margin: 1rem 0;
}
}

Revision as of 13:39, 25 January 2024

p {
	margin: 1rem 15%;
	/*display:grid;
	grid-template-columns: 1fr 1fr;*/
	column-gap: 1rem;
	text-align: justify;
	column-count: 2;
}

div:not([class~="thumb"]) {
	margin: 1rem 15%;
	/*display:grid;
	grid-template-columns: 1fr 1fr;*/
	column-gap: 1rem;
	text-align: justify;
	column-count: 2;
}

h1,h2,h3,h4 {
	padding: 1rem 15%;
	text-align: center;
}

hr {
	margin: 0 15%;
}

@media screen and (max-width: 1000px) {
	p {
		column-count: 1;
	}
}

@media screen and (max-width: 450px) {
	p {
		margin: 1rem 0;
	}
	h1,h2,h3,h4 {
		padding: 1rem 0;
	}
	hr {
		margin: 0;
	}
}
This page was last modified on 25 January 2024, at 13:39. (3 months ago)