* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img {
	width: 100%;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header ul {
	display: flex;
	gap: 20px;
}
.box {
	/* width: 200px; */
	width: 100%;
	height: 100%;
	/* height: 200px; */
	background-color: coral;
	font-size: 30px;
	color: black;
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
}
.wrapper {
	display: grid;
	/* grid-template-columns: auto auto auto; */
	/* grid-template-columns: 300px 400px 500px; */
	/* grid-template-columns: 40% 50% 10%; */
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	/* grid-template-rows: 100px 200px; */
	/* grid-auto-rows: 500px; */
	grid-auto-rows: minmax(100px, auto);
}
.box img {
	height: 100%;
	object-fit: cover;
}
section,
header,
footer {
	padding: 20px;
}
.main-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/* grid-template-areas:
		"header header header"
		"latest-articles latest-articles aside"
		"latest-articles latest-articles aside"
		"education education aside"
		". finance finance"
		"footer footer footer"; */
}
header {
	/* grid-area: header; */
	background-color: lightslategray;
	grid-column-start: 1;
	grid-column-end: -1;
}
footer {
	/* grid-area: footer; */
	background-color: lightskyblue;
	grid-column: 1 / -1;
}
aside {
	/* grid-area: aside; */
	background-color: darkcyan;
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 5;
}
.latest-articles {
	/* grid-area: latest-articles; */
	background-color: darkgoldenrod;
	grid-column: 1 / 3;
	grid-row: 2 / 4;
}
.education {
	/* grid-area: education; */
	background-color: darkgreen;
	grid-column: 1 / 3;
}
.finance {
	/* grid-area: finance; */
	background-color: darkmagenta;
	grid-column: 2 / span2;
}