@media screen and (max-width: 768px) { .sidebar { width: 100%; margin: 0; padding: 20px 10px; border-top: 1px solid #eee; } .sidebar h2 { font-size: 20px; margin-bottom: 10px; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li { margin: 0; padding: 0; margin-bottom: 10px; } .sidebar li a { display: block; padding: 10px; background-color: #eee; color: #333; text-decoration: none; border-radius: 5px; transition: background-color 0.3s ease; } .sidebar li a:hover { background-color: #333; color: #fff; } }