Quicklinks

Layout

When authoring without using the Two Column Variant or Multi Column Variant component, be sure to check tablet and mobile views to ensure spacers and text boxes are adjusted appropriately. Layouts can be modified between desktop, tablet and mobile screen sizes without losing the changes made to other other devices.

For example, if you change the layout settings of a component on tablet, this will not cascade into desktop or mobile view. Each screen size needs to be manually checked and adjusted to display the way the author wants.

Using the Two Column Variant or Multi Column Variant component

These components are used to organize and align sections of content into multiple columns. Use the Two Column Variant for greater flexibility in determining individual column widths. When the width of the columns are equal (no specific widths need to be set) the Multi Column Variant can be used.

When no columns are needed, the Multi Column Variant can still be used to center content on a page. Simply set the number of columns to "1".

Both the Two Column Variant and Multi Column Variant component have configuration settings to automatically adjust columns based on device size. Because of this, when using these components, adjusting the layout manually on the page for each device is not necessary.

Common Layouts

Full Width

While this layout is the maximum length that text can reach on a page, full width text should typically be offset by 2 columns during configuration. See the How to play slots page for an example of this.

1/1

One-quarter / Three-quarters

1/4

3/4

One-third / Two-thirds

1/3

2/3

One-half / One-half

1/2

One-thirds

1/3

One-quarters

1/4

Our operations span the entirety of the province that we now call British Columbia. We respectfully acknowledge that we are guests in the territories of more than 200 First Nations, each with unique traditions, cultures, and histories. We are grateful to these First Nations caretakers for their stewardship of these lands and waters since time immemorial.

BCLC is committed to establishing and maintaining good relations with all First Nations, Métis, and Inuit people in British Columbia and beyond. Our journey has only recently begun, and we have a lot of work to do in collaboration with Indigenous Peoples to understand the Truth, reconcile the past, and truly generate win-wins for the greater good, together.

If you gamble, use your