آموزش طراحی قالب ریسپانسیو

سلام
خیلی خوبه ولی دوتا نکته رو هم لحاظ کنید عالی می شه
اول اینکه فونت سایز هاتون رو به پیکسل بدید نه درصد
مثلا منوی بالا سمت چپ تو حالت موبایل خیلی ریز می شه
در کل چه ریز چه درشت بهتره به پیکسل باشه
معمولا هم یه سایز ثابت بدید مشکلی پیش نمی یاد و نیازی نیست تو حالت های مختلف صفحه نمایش سایز فونت ها رو تغییر بدیم
دوم هم اینکه اون قسمت سرویس های جشنواره رو بهتره به جای یدونه عکس واحد،
عکس کلاه و وای فای رو جدا کنید که می شن دوتا عکس
یدونه هم عکس بک گراند
سعی کنید اون باکس رو با عکس و نوشته های جدا پیاده سازی کنید
یعنی یه div که background داره
همینطور بالاش یه تا عکس و پایین اش دوتا نوشته

سلام تشکر از ارسال نظرتون

سلام
در مورد سوال اولتون باید بگم که طبیعتا وقتی شما ده تا صفحه دارید، حجم کارتون بیشتر از یه صفحه است. به این معنی که مشخصا برای هر صفحه ای که کدنویسی می کنید باید کدهای مربوط به بخش ریسپانیسوش رو هم بنویسید
البته بعد از گذشت زمان که تجربتون بیشتر شد، سرعت و کیفیت کارتون هم بهتر می شه. البته بعدا با فریم ورک هایی مثل بوت استرپ آشنا می شید که سرعت توسعه رو بشدت بالا می بره و خیلی از این موارد رو هم پوشش می ده. هرچند که بازهم با وجود بوت استرپ لازمه بخش هایی رو خودتون ریسپانیسو کنید

در مورد سوال دومتون هم درصد جایی به کار می ره که شما لازم داریم بخش هایی رو داشته باشیم که با کوچیک یا بزرگ شدن صفحه، اونها هم تغییر سایز بدن و چون از درصد استفاده کردید نسبت بزرگ یا کوچیک شدن المنت های صفحه تون یه اندازه است.
مثلا فرض کنید یه همچین کدی html ای داریم:

و همینطور این استایل ها رو نوشتیم:
.sidebar-container{
width: 25%;
}
.content-container{
width: 75%;
}
حالا اگر عرض main-container ما بشه 200 پیکسل عرض sidebar-container می شه 50 پیکسل و عرض content-container می شه 150 پیکسل
فرقی نمی کنه عرض main-container ما چقدر باشه. همیشه عرض content-container ما سه برابر sidebar-container خواهد بود

سلام
داخل css ها خط 173 این کد اشتباهه:

width: calc(75% – 20%);

درستش اینه:
width: calc(75% – 20px);

سلام و عرض ادب
شما تمامیه پارت های مربوط به دوره رو از پنلتون دانلود کنید و همه را باهم انتخاب و سپس اکسترکت فایل رو بزنید ،  فایل نهایی کامل در اختیار شما قرار خواهد گرفت
موفق باشید

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

سلام بر شما
سورس همراه دوره هست ، به لینک ها دانلود مراجعه کنید ، اما باز هم به ایمیل شما ارسال شد .
موفق باشید

سلام بر شما
لینک های دانلود شما تمدید شد ، میتونید از طریق پنلتون دانلودکنید.
موفق باشید

درود بر شما
بسیار خوشحالیم که مفید واقع شده براتون
موفق باشید

سلام بر شما. منتشکرم از نظرتون. لطفاً بفرمائید دلیل شما برای این اظهار نظر و نقد دقیقاً چه مشکلی هست تا برطرف کنیم. ممنون میشم از شما.