.st-table {
width: 100%;
overflow-x: auto;
}
.meaningful-gifts {
display: grid;
grid-template-columns: 1fr;
border-collapse: collapse;
} .st-header {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
background: #fdf7f2;
font-weight: bold;
text-align: center;
}
.st-header .st-col {
padding: 15px;
border-right: 1px solid #eee;
} .st-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.st-row .st-col {
padding: 20px;
vertical-align: top;
border: 1px solid #000;
border-bottom: none;
}
.st-row > .st-col:nth-child(2) {
border-left: none;
border-right: none;
} .st-category {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: bold;
text-align: center;
background: #f7f9ff;
}
.st-category img {
width: 48px;
height: 48px;
margin-bottom: 8px;
} @media (max-width: 768px) {
.st-header,
.st-row {
grid-template-columns: 1fr;
}
.st-col {
border-right: none;
border-bottom: 1px solid #eee;
}
.st-category {
background: #f0f5ff;
}
}