2,025
次編輯
無編輯摘要 |
無編輯摘要 |
||
| 第1行: | 第1行: | ||
@media (max-width: 600px) { | |||
.nav{ | |||
display:none; | |||
} | |||
/* Responsive design for mobile */ | |||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.res-table { | .res-table { | ||
display:none; | font-size: 14px; /* Slightly smaller font for better readability */ | ||
} | |||
.res-table th, .res-table td { | |||
padding: 8px; /* Reduce padding for smaller screens */ | |||
text-align: left; /* Ensure content is left-aligned */ | |||
display: block; /* Stack cells vertically */ | |||
width: 100%; /* Make cells full width */ | |||
} | |||
.res-table tr { | |||
display: flex; | |||
flex-direction: column; /* Stack each row as a column */ | |||
margin-bottom: 8px; /* Add spacing between rows */ | |||
} | |||
.res-table th { | |||
background-color: #e0e0e0; /* Light gray background for headers */ | |||
border-bottom: 2px solid #000000; /* Stronger header separation */ | |||
} | |||
.res-table td { | |||
border: none; /* Remove borders between cells */ | |||
border-bottom: 1px solid #d0d0d0; /* Add subtle separation */ | |||
} | } | ||
} | |||
} | } | ||