ساختار HTML
اولویت محتوا و ترتیب خواندن را مشخص کنید.
مطالعه راهنمااول یک صفحه باریک و کاربردی بسازید
همه اطلاعات اصلی و لینک ها در نسخه باریک قابل استفاده هستند. با فضای بیشتر، چیدمان معرفی دو ستونی می شود.
مشاهده خدمات آموزشی
مسیر یادگیری
چیدمان CSS
کارت ها با عرض موجود هماهنگ می شوند و متن بدون ارتفاع ثابت نمایش پیدا می کند.
اجرای تمرینآزمایش محتوا
عنوان بلندتر، متن بیشتر و بزرگ نمایی را امتحان کنید.
روش آزمایشچگونه آزمایش کنیم؟
عرض پنجره را پیوسته تغییر دهید. در عرض های 320، 375، 799، 800 و 1280 پیکسل نتیجه را ببینید. منو باید بشکند، تصویر از والد بیرون نزند و لینک اصلی قابل دسترسی بماند.
این شناسه بلند هم باید در کارت جا بگیرد: ResponsiveDesignPracticeWithoutSpaces1234567890
تمرین مستقل
لینک های زیر در حالت پایه زیر هم هستند. در عرض حداقل 700px آن ها را افقی و چندخطی کنید. نسخه باریک باید بدون تغییر باقی بماند.