Column 1
Column 2
Column 3
Column 1
Column 2
Column 3
.grid-container {
display: grid;
/* repeat(3, 1fr) creates three equal columns that take up 1 fraction of space each */
grid-template-columns: repeat(3, 1fr);
gap: 10px; /* Optional spacing between columns */
}
.grid-item {
border: 1px solid #ccc;
padding: 20px;
text-align: center;
}
.flex-container {
display: flex;
gap: 10px;
}
.flex-item {
flex: 1; /* Makes all items grow equally to fill the row */
border: 1px solid #ccc;
padding: 20px;
text-align: center;
}
.side-left {
width: 250px;
border: 1px solid #ff6600;
padding: 20px;
font-size: 12px; }
.container-header .mod-menu {
color: #010156;
flex: 1 0 100%;
margin: 0;
padding: 0;
list-style: none;
}
.header {
background: linear-gradient(180deg, rgba(250, 215, 95, 1) 0%, rgba(247, 107, 28, 1) 100%);
}
.card-header {
padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
color: var(--card-cap-color);
background-color: var(--card-cap-bg);
border-bottom: var(--card-border-width) solid var(--card-border-color);
margin-bottom: 0;
font-size: 14px;
}
.footer {
background: linear-gradient(180deg, rgba(250, 215, 95, 1) 0%, rgba(247, 107, 28, 1) 100%);
color: #000;
}
/* for Genre box */
.bg-info {
--bg-opacity: 1;
background-color: rgb(225 128 58) !important;
float: right;
}
a:not([class]) {
text-decoration: underline;
}
a {
color: #ab6203f5;
}
h3, .h3 {
font-size: 1.0rem;
}
/*center menu */
/* Suggestion 1: Center children within the navigation bar */
.grid-child.container-nav {
display: flex;
align-items: center; /* Change from 'normal' to 'center' */
}
/* Suggestion 2: Adjust internal megamenu alignment if the wrapper must remain 86px
.dj-megamenu-wrapper {
display: flex;
align-items: center;
/* Ensures the 60px UL centers within the 86px wrapper
}*/
/* Suggestion 3: Standardize container padding */
.grid-child.container-nav {
padding-top: 12px;
padding-bottom: 12px;
}*/
#jem .copyright {
font-size: 0.9em;
clear: both;
float: none;
width: 100%;
margin: 1em 0;
text-align: center;
color: #808080;
display: none;
}