Adding custom CSS

I have added a calendar block but the calendar appears too large for the screen
I am looking to reduce the size of the calendar, no amount of footering on the admin screen eill allow that, it just resizes to the defailt size.

I have tried adding style.css to the html folder but the CSS does not get picked up.

All I want to do is add:

.h-100{
	width:100wv !important;
}
.card{
max-width:100vw;
}

Can someone advise on how to achieve this?

There isn’t much context on what exactly you wish to achieve and how your components are structured so I can’t provide any solid answers.

Perhaps this could help: Scoped CSS | Vue Loader