How can I add space between categories on my website?

[GustavoAlves]

How can I put a space between these categories?

Web site: colorluzes.com.br

[oscprofessional]

@GustavoAlves
Hello,

.collection-item__image-wrapper.collection-item__image-wrapper--rounded {
	width: 50% !important;
	margin: 0 auto;
}
.collection-item.is-selected {
	position: unset !important;
	width: 25%;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This

[GustavoAlves]

Hello @oscprofessional

I put the code you said, look how it turned out on the site? The bottom parts are gone.

And on mobile, the categories were lowercase

Could you take a look? www.colorluzes.com.br

[oscprofessional]

@GustavoAlves
Hello,
i Have Checked Your Store. Its Proper show your category

@media screen and (max-width: 767px) {
.collection-item {
	position: unset;
	display: block;
	width: 50%;
}
}
@media screen and (max-width: 480px) {
.collection-item {
	position: unset;
	display: block;
	width: 100%;
}
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Mobile View

Desktop View

This Solution its useful so please like and accept solution