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;
}
}

