Template:GuidePage/Stylez.css: Difference between revisions

From pronounmail wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
*, *::before, *::after {
box-sizing: border-box;
}
.guide-header {
.guide-header {
max-width: 42rem;
max-width: 42rem;
Line 6: Line 10:
grid-template-columns: 2fr 1fr;
grid-template-columns: 2fr 1fr;
align-items: end;
align-items: end;
padding: 1rem;
background-color: var(--colour-grey-50);
background-color: var(--colour-grey-50);

Revision as of 15:07, 4 December 2024

*, *::before, *::after {
	box-sizing: border-box;
}

.guide-header {
	max-width: 42rem;
	height: 8rem;

	display: grid;
	grid-template-columns: 2fr 1fr;
	align-items: end;
	
	padding: 1rem;
	
	background-color: var(--colour-grey-50);
	color: var(--colour-grey-800);
	border-top: 1rem var(--colour-aubergine-300) solid;
}

.guide-header h1 {
	all: unset;
	
	display: block;

	font-weight: 1000;
	font-family: 'Nunito', sans-serif;
	font-size: 2rem;
}

.guide-main {
	max-width: 42rem;
}