This is a working solution for 12 column designs (in the 1140/1120 grid) where the containers have different widths. Also on tablet and mobile I have put everything on 100%, but you can ofcourse change this according to your design.
This is the perfect solution for wrapping, because you never have to use px, it’s the same on desktop, tablet and mobile and you can even change the element gap from 20 to 30px. Your backgrounds containers should be on boxed. Values used: 1120 for ultra wide & desktop, 80% for laptop, tablet extra, tablet, mobile extra, then mobile on 90%. Make sure to add the extra responsive breakpoints otherwise it’s not as my example.
آکادمی پیشرو و تخصصی طراحی طلا و جواهر در ایران، با بهره‌گیری منحصربه‌فرد از اساتید تراز اول و ارائه آموزش‌های عمیق، کاربردی و به‌روز. ما استعداد شما را به مهارت فنی استادی و خلاقیت هنری ماندگار تبدیل می‌کنیم تا به عنوان یک طراح حرفه‌ای، موفق، نوآور و تأثیرگذار وارد بازار کار ایران و جهان شوید.
۰۲۱۲۲۰۱۰۰۸۴
989112949557+
تهران، بلوار میرداماد بعد از پل میرداماد به سمت خ ولیعصر نرسیده به کوچه نور‌پلاک ۳۳۱ واحد یک
