با سلام دوست عزیز
درمورد اول طرح فوتوشاپ شما یک نمای بصری است و شامل کدها نیست .
توصیه بنده به شما اینست که مثل بسیاری از طراحان دیگر نباشد و دو طرح یکسان به صورت رایانه و موبایل داشته باشید
اولویت شما طرح موبایلی باشد.
سپس تعیین کنید تا چه سقفی از اندازه مرتبط با رایانه باشد و پس از آن حالت موبایل بگیرد.
به صورت معمول اندازه رو در عرض محاسبه می کنند و ارتفاع بر اساس ساختار مطالب 100 درصدی حساب می شود. مثلا 1024 یا 1280 یا 1920 یا ابعاد بیشتر یا کمتر در موبایل هم از 340 شروع می شود .web developer - Responsive Design Mode رو بزنید تا اندازه مختلفی که مرورگرها دارند بهتون نشون بده.
برای درک ساده تر اگر مرورگر فایرفاکس یا کروم دارید کافیه بخش
در ساده ترین شیوه شما می توانید از
لینک ها تنها برای اعضای سایت قابل نمایش است.
برای تعادل بخشی در هردو بدون نیاز به کد اضافی استفاده کنید.
راهکار دوم استفاده از ساختار
لینک ها تنها برای اعضای سایت قابل نمایش است.
هستش که سبک و راحتر از بوتسترپ هستش
در مورد توابع ویژوال بهتره به سمت المنتور هم نگاهی بی اندازید ساده در دسترس نسخه رایگان و پرمیوم این یعنی جذب مخاطب بیشتر زیرا تمامی نسخه های ویژوال تجاری و خریدنی است و نسخه های نال همیشه شاید در دسترس نباشد.
موفق باشید