CSS

Dark Light Mode
:root {

 --bg-color: #fafafa;

 --font-color-2: #515151;

 --font-color: #626262;

}

@media (prefers-color-scheme: dark){

 :root {

 --bg-color: #030814;

 --font-color-2: #a4a4a4;

 --font-color: #e0e0e0;

 }

}

body{

	background-color: var(--bg-color);

}

CSS - Tricks
& .breadcrumbs-container .breadcrumb span {

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

} 

 .element::-webkit-scrollbar {

 display: none;

}

/* Hide scrollbar for IE, Edge and Firefox */

.element {

 -ms-overflow-style: none; /* IE and Edge */

 scrollbar-width: none; /* Firefox */

}

CSS Grid
.itemsContainer {

 display: grid;

 gap: 10px;

 grid-template-columns: repeat(auto-fit, 400px);

 justify-content: space-around;

}

@media (max-width: 500px) {

 .itemsContainer {

 grid-template-columns: none;

 }

}