عرض ستون ها در هر ردیف به روش های مختلفی قابل تنظیم است. برای تغییر عرض هر ستون، از بخش تنظیمات ستون وارد قسمت «نمایش و ابعاد» شده و گزینه «عرض» را فعال می کنیم.
برای تعیین عرض ثابت، حالت «px» انتخاب می شود و مقدار مورد نظر بر حسب پیکسل وارد می گردد.
برای تعیین عرض درصدی، حالت «درصد» انتخاب شده و عددی بین ۱ تا ۱۰۰ تعیین می شود. مجموع درصد ستون های موجود در یک ردیف باید کمتر یا حداکثر برابر با ۱۰۰ باشد.
در صورتی که مجموع درصد ستون ها از ۱۰۰ بیشتر شود، ستون های اضافی به سطر پایین تر منتقل می شوند. این سطر جدید یک ردیف مستقل محسوب نمی شود و همچنان بخشی از همان ردیف خواهد بود.
علاوه بر این، امکان تعیین عرض ستون ها به صورت نسبت عددی نیز وجود دارد. برای مثال، ستونی با نسبت ۲، دو برابر ستونی با نسبت ۱ فضا اشغال می کند.
گزینه های دیگری نیز برای تعیین عرض ستون در دسترس هستند که هر یک رفتار متفاوتی نسبت به محتوای داخل ستون دارند:
-
هم اندازه محتوا:
در این حالت، ستون دقیقا به اندازه محتوای داخلی خود باز می شود و فضای اضافی اشغال نمی کند. -
حداقل محتوا:
ستون کمترین عرض ممکن را به گونه ای دریافت می کند که محتوا بدون فشردگی یا اختلال در نمایش، قابل مشاهده باشد. -
حداکثر محتوا:
در این حالت، ستون تا بیشترین حد ممکن گسترش می یابد تا محتوای داخلی آن بدون محدودیت نمایش داده شود. -
ارث بری:
عرض ستون بر اساس تنظیمات عنصر والد، یعنی ردیف، تعیین می شود و هرگونه تغییر در عرض ردیف به صورت خودکار روی ستون نیز اعمال می گردد.
در گرپ، بلوک ها همواره به اندازه کل عرض مرورگر نمایش داده می شوند و فضای موجود در صفحه را به طور کامل پوشش می دهند.
ردیف ها می توانند به صورت تمام عرض یا محدود به یک ناحیه مشخص نمایش داده شوند. این ناحیه که معمولا برای متمرکز کردن و نظم دهی به محتوا در مرکز صفحه استفاده می شود، «کانتینر» نام دارد و از طریق تنظیمات وب سایت قابل تنظیم است. استفاده از کانتینر باعث می شود محتوا از حاشیه های صفحه فاصله گرفته و ظاهر منظم تری پیدا کند.
در صورتی که نیاز باشد یک ردیف به صورت تمام عرض نمایش داده شود، از بخش تنظیمات ردیف و در قسمت «نمایش و ابعاد»، گزینه «تمام عرض» فعال می گردد. با فعال سازی این گزینه، ردیف بدون محدودیت کانتینر، کل عرض صفحه را اشغال می کند. این قابلیت امکان برجسته سازی برخی ردیف ها و ایجاد تجربه بصری جذاب تر در طراحی صفحات را فراهم می سازد.