مشکل در کلاس hidden

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام وققتون بخیر

من کلاس hidden رو به ایمیل دادم ولی با کوچک شدن سایز مرورگر از بین نمیره و میفته پایین ولی در codepen اجرا میشه علتش چی هست و من تمام کلاس‌های col-6 رو دادم ولی نمیدونم چرا vs کار نمیکنه و چسبیده به کلاس container ولی در codepen اجرا میشه

https://codepen.io/mahshid73/pen/qBLxvOX

سلام،

مجدد توضیح بدید هدفتون چیه، چون الان در کدپن هیچ چیز نمایش داده نمیشه، ضمنا اگر بخواید آدرس اسکریپت یا استایلی به کدپن اضافه کنید(مثلا برای آیکون ها) روی آیکون چرخ دنده کلیک کنید، بخش‌های html, css, js هم وجود دارد.

محسن موحد ۱۵ مهر ۱۴۰۲، ۱۱:۳۱

من کلاس hidden رو به تگ i که مربوط به ایمیل در قسمت contact وب سایت هست دادم که زمانی که سایز مرورگرم بین 0-600 باشه مخفی بشه ولی با کوچک شدن سایز مرورگر مخفی نمیشه و میفته پایین ولی در کدپن اجرا میشه و ایمیل مخفی میشه ولی نمیدونم علت اینکه visual studio code اجرا نمیشه چی هست و من دوباره براتون لینک رو گذاشتم لطف کنید چک کنید ببینید اجرا میشه

https://codepen.io/mahshid73/pen/qBLxvOX?editors=1100

Sheyda ۱۸ مهر ۱۴۰۲، ۱۲:۵۴

درود

اگر میخواید متن ایمیل پنهان شه به شکل زیر بدید:

<span class="xs-hidden">mahshid1373.mp@gmail.com</span></i>

اگر میخواید کلا ناپدید شه یک div پرنت برای ایمیل تعریف کنید و بهش بدید:

 <div class="xs-hidden">
            <i class="fa-regular fa-envelope xs-hidden">  <span>mahshid1373.mp@gmail.com</span></i>
              </div>

نازنین کریمی مقدم ۱۹ مهر ۱۴۰۲، ۱۱:۴۱

ممنون خیلی لطف کردید

Sheyda ۲۰ مهر ۱۴۰۲، ۰۷:۲۱

سلام،

میتونید پاسخ خانم کریمی رو تایید کنید تا تاپیک هم بسته شه.

بهترین پاسخ

محسن موحد ۲۱ مهر ۱۴۰۲، ۲۰:۰۳