.blog-preview__items {
	--elements: 4;
	display: grid;
	grid-template-columns: repeat(var(--elements),1fr);
	gap: 20px;
	margin: -15px;
	padding: 15px;
	overflow-x: auto;

	.blog-preview__item {
		min-width: 280px;
		display: flex;
		flex-direction: column;
	}
	.blog-preview__picture {
		border-radius: 5px;
		overflow: hidden;
		aspect-ratio: 1.5;
		width: 100%;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.blog-preview--name {
		margin-top: 15px;
		color: var(--color-primary);
		font-size: 1.14rem;
		font-weight: 500;
	}
	.blog-preview__views {
		padding-top: 10px;
		margin-top: auto;
		color: #BEBEBE;
		font-size: 1rem;
	}
}