Sofia Emelianova
Chrome DevTools ডিবাগিং CSS flexbox লেআউটগুলিকে স্বজ্ঞাত করে তোলে৷ এলিমেন্টস প্যানেল আপনাকে একটি প্রসঙ্গ-সচেতন ফ্লেক্সবক্স সম্পাদক এবং কাস্টমাইজযোগ্য ওভারলে প্রদান করে।
কীভাবে করবেন তা জানতে ভিডিওটি দেখুন:
- ফ্লেক্সবক্স এডিটর ব্যবহার করুন ফ্লেক্সবক্স বৈশিষ্ট্যগুলি টাইপ করার পরিবর্তে একটি বোতামে ক্লিক করে পরিবর্তন করুন।
- আপনি এখনই যে পরিবর্তনগুলি করেছেন তা দেখতে ভিউপোর্টে ফ্লেক্সবক্স ওভারলে টগল করুন৷
- সমস্ত উপাদানের একটি তালিকা দেখতে এলিমেন্টস > লেআউট > ফ্লেক্সবক্স বিভাগটি ব্যবহার করুন এবং তাদের DOM ট্রিতে সনাক্ত করুন। উপরন্তু, আপনি এখানে ওভারলে রং কাস্টমাইজ করতে পারেন.
সাধারণভাবে CSS flexbox সম্পর্কে আরও জানতে, CSS শিখুন > Flexbox দেখুন।
DevTools-এ আরও হ্যান্ডস-অন ডিবাগিং অভিজ্ঞতার জন্য, CSS flexbox লেআউট টিউটোরিয়াল পরিদর্শন এবং ডিবাগ করুন ।