.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: 32px; 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; } 🍏نسخ 🍎نسخ 🍐نسخ 🍊نسخ 🍋نسخ 🍌نسخ 🍉نسخ 🍇نسخ 🍓نسخ 🫐نسخ 🍈نسخ 🍒نسخ 🍑نسخ 🥭نسخ 🍍نسخ 🥥نسخ 🥝نسخ 🍅نسخ 🍆نسخ 🥑نسخ 🥦نسخ 🥬نسخ 🥒نسخ 🌶️نسخ 🫑نسخ 🌽نسخ 🥕نسخ 🫒نسخ 🧄نسخ 🧅نسخ 🥔نسخ 🍠نسخ 🫘نسخ 🥐نسخ 🍞نسخ 🥖نسخ 🥨نسخ 🥯نسخ 🥞نسخ 🧇نسخ 🧀نسخ 🍖نسخ 🍗نسخ 🥩نسخ 🥓نسخ 🍔نسخ 🍟نسخ 🍕نسخ 🌭نسخ 🥪نسخ 🌮نسخ 🌯نسخ 🥙نسخ 🧆نسخ 🥚نسخ 🍳نسخ 🥘نسخ 🍲نسخ 🥣نسخ 🥗نسخ 🍿نسخ 🧈نسخ 🧂نسخ 🥫نسخ 🍱نسخ 🍘نسخ 🍙نسخ 🍚نسخ 🍛نسخ 🍜نسخ 🍝نسخ 🍠نسخ 🍢نسخ 🍣نسخ 🍤نسخ 🍥نسخ 🥮نسخ 🍡نسخ 🥟نسخ 🥠نسخ function copyEmoji(emoji) { const temp = document.createElement("textarea"); temp.value = emoji; document.body.appendChild(temp); temp.select(); document.execCommand("copy"); document.body.removeChild(temp); alert("✅ تم نسخ الإيموجي: " + emoji); }
