আপনার ওয়েব পেজটি সব ডিভাইসে (মোবাইল, ট্যাবলেট, ডেস্কটপ) সঠিকভাবে প্রদর্শিত হওয়া উচিত এবং কোনো ডিজাইন ত্রুটি থাকা উচিত নয়। এটি আরও ব্যবহারকারী আকর্ষণ করে।
রেসপন্সিভ ওয়েব ডিজাইন হলো HTML এবং CSS ব্যবহার করে সব ডিভাইসের সাথে সামঞ্জস্যপূর্ণ ডিজাইন তৈরি করা। আজকাল ওয়েবসাইটগুলো इसीভাবে কাজ করে।
মূল নীতিগুলো:
- ফ্লুইড গ্রিড (Fluid Grid) - পিক্সেলের পরিবর্তে পার্সেন্টেজ ব্যবহার
- ফ্লেক্সিবল ইমেজ (Flexible Images) -
max-width: 100% - মিডিয়া কোয়েরি (Media Queries) - স্ক্রিন সাইজ অনুযায়ী স্টাইল পরিবর্তন
