سلام استاد خسته نباشید وقت بخیر
من فرم لاگین با html/css نوشتم و کاربر موقعی که موس شو میخواد ببره به سمت یکی از آیکن ها آیکن بغلیش height اضافه میگیره و من display شونو با اون متن بغلیش grid گذاشتم
ممنون میشم به سوال بنده جواب بدید
کدم رو براتون می فرستم که شاید با دیدن خروجی منظورمو بهتر رسونده باشم
hw5.rar (127.8 کیلوبایت)
سلام
لطفا کدتون رو توی codepen یا سایت‌های مشابه قرار بدین و لینکش رو بفرستید
فقط نمیدونم چرا عکس رو نشون نمیده
آدرس عکسی دادین مربوط به صفحه دانلود عکس هست نه خود عکس باید از سرویس‌هایی استفاده کنید که آدرس خود عکس رو بده …
مقدمه: همیشه برای دیباگ کردن این مشکلات از پنجره dev tools روی بخش اول :hov برید (سمت راست بالا) و بذارید که حالت hover باشه وقتی اینکار رو میکنید یه دایره زرد رنگ در بخش element کنار اون نمایش داده میشه که نشون می‌ده که در حالت حادی نیست … حالا اگر flex یا grid هستید اون رو از توی بخش element روشن کنید که بتونید محدوده‌ها رو ببنید
جواب:
همونطور که می‌بینید با توجه به اینکه اندازه کلیدها به اندازه گرید پدر وابسطه هست و اندازه کلید پدر هم به محتوا گره خورده (bind) شده لذا وقتی که شما در حالت hover مقادیر رو به صورت زیر تغییر می‌دید در واقع دارید اندازه گرید بالا دستی رو عوض می کنید لذا سایر کلیدها نیز بزرگ میشه … اگر می‌خواید که فقط کلید شما بزرگ بشه باید این اتصال دو طرفه رو از بین ببرید.
فقط کافیه که به گریدتون در بخش align-items بگید که حالت stretch نباشه مثلا center یا start باشه