موبايلك

المشاركات

.navbar { background: #007BFF; } .navbar ul { margin: 0; padding: 0; list-style: none; display: flex; } .navbar ul li { position: relative; } .navbar ul li a { display: flex; align-items: center; gap: 8px; padding: 12px 20px; color: white; text-decoration: none; font-weight: 500; } .navbar ul li a:hover { background: #00CFFF; } .navbar ul li ul { display: none; position: absolute; top: 40px; background: #007BFF; list-style: none; padding: 0; min-width: 200px; z-index: 1000; } .navbar ul li:hover ul { display: block; } .navbar ul li ul li a { padding: 10px 15px; } .navbar ul li ul li img { width: 20px; height: 20px; object-fit: contain; } @media (max-width: 768px) { .navbar ul { flex-direction: column; } } ]]>