.container.page-list{
	padding:10rem 1rem;
}
.section-info .data h1{

}
@media (min-width:250px) {
	.list-posts .items{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap:1rem;
	}

}
@media (min-width:700px) {
	.list-posts .items{
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}
@media (min-width:840px) {
	.list-posts .items{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.postContainer {
		display: grid;
		grid-template-columns: 1fr 300px;
		gap: 2rem;
	}
}


@media (min-width:1120px) {
	.list-posts .items{
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}
@media (min-width:1340px) {
	.list-posts .items{
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

}


.author-info .data {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.author-avatar {
    width: 30px;
    height: 30px;
    background: #cdcdcd;
    border-radius: 50%;
    overflow: hidden;
	border: solid 1px #cdcdcd;
}
.author-avatar img{width: 100%; height:100%; object-fit: cover;}