.emoji-grid { display: grid; grid-template-columns: repeat(10, 1fr); gap: 15px; justify-items: center; margin-top: 30px; max-width: 1000px; margin-left: auto; margin-right: auto; } @media (max-width: 1024px) { .emoji-grid { grid-template-columns: repeat(5, 1fr); } } @media (max-width: 600px) { .emoji-grid { grid-template-columns: repeat(3, 1fr); } } .emoji-box { text-align: center; padding: 12px; border-radius: 10px; background-color: #f9f9f9; border: 1px solid #ccc; box-shadow: 1px 1px 6px rgba(0,0,0,0.1); width: 100%; max-width: 70px; } .emoji-symbol { font-size: 28px; margin-bottom: 8px; user-select: none; } .copy-btn { background-color: #1e73be; color: white; border: none; padding: 5px 10px; border-radius: 6px; cursor: pointer; font-size: 12px; font-weight: bold; } .copy-btn:hover { background-color: #155a96; } const container = document.getElementById('flag-emojis-container'); const flagEmojis = [ "🇸🇦","🇪🇬","🇦🇪","🇶🇦","🇰🇼","🇧🇭","🇴🇲","🇱🇧","🇸🇾","🇮🇶", "🇯🇴","🇵🇸","🇲🇦","🇹🇳","🇩🇿","🇸🇩","🇾🇪","🇱🇾","🇲🇷","🇸🇴", "🇹🇷","🇺🇸","🇨🇦","🇫🇷","🇬🇧","🇩🇪","🇮🇹","🇪🇸","🇧🇷","🇦🇷", "🇲🇽","🇯🇵","🇨🇳","🇮🇳","🇷🇺","🇰🇷","🇮🇩","🇲🇾","🇵🇰","🇹🇭", "🇻🇳","🇵🇭","🇳🇬","🇿🇦","🇸🇪","🇳🇴","🇫🇮","🇦🇺","🇳🇿","🇺🇦", "🇵🇱","🇷🇴","🇨🇭","🇧🇪","🇳🇱","🇬🇷","🇨🇿","🇦🇹","🇩🇰","🇸🇰", "🇧🇬","🇭🇺","🇭🇷","🇷🇸","🇸🇮","🇧🇦","🇲🇪","🇦🇱","🇲🇩","🇲🇰", "🇬🇪","🇦🇲","🇦🇿","🇰🇿","🇺🇿","🇹🇲","🇰🇬","🇹🇯","🇲🇳","🇲🇲", "🇧🇩","🇱🇰","🇳🇵","🇦🇫","🇰🇵","🇰🇭","🇱🇦","🇹🇱","🇧🇳","🇸🇬", "🇻🇪","🇨🇱","🇨🇴","🇵🇪","🇺🇾","🇵🇾","🇧🇴","🇬🇹","🇨🇺","🇩🇴" ]; flagEmojis.forEach(emoji => { const div = document.createElement('div'); div.className = 'emoji-box'; div.innerHTML = ` ${emoji} نسخ `; container.appendChild(div); }); function copyEmoji(emoji) { navigator.clipboard.writeText(emoji).then(() => { alert('✅ تم نسخ: ' + emoji); }).catch(() => { alert('❌ فشل النسخ'); }); }
