Components
48
Background Gradients Breadcrumb Content Card Carousel Content Card Grid Content Cards Two Column Content Contact Form Content Contact Form Reveal Content Courses Map Content Courses Search Content Event Details Content Events Carousel Content Faqs Content Featured Cards Content Featured Products Content Featured Products Carousel Content Form Over Image Content Game Elements Content Hall Of Fame Carousel Content Horizontal Accordion Content Horizontal Scrolling Content How To Find Us Content Job Roles Grid Content Map Embed Content Marquee Text Content Media Carousel Content Players Content Quick Links Content Quote Over Image Content Simple Text And Image Variations Content Specification Content Stat Row Content Stat With Images And Content Content Text And Cards Grid Content Text And Image Variations Content Text Columns Content Text Image Carousel Content Text Over Image Content Title Content Useful Links Content Vacancies Grid Cookie Table Example Hero Basic Hero Featured Card Hero Game Hero Video And Carousel Hero Video Cards Playlist Hero Video Player

Content Text Columns

Tournaments

For any tournament questions or enquiries, please contact our tournament team:

 

champs@britishesports.org

Education

If you have any queries regarding esports qualifications, reach out to our education team:

 

education@britishesports.org

Safeguarding

If you have any concerns regarding child welfare, talk to our safeguarding team:

 

safeguarding@britishesports.org

Events

For any events enquiries, please get in touch with our dedicated events team:

 

events@britishesports.org
There are no ACF fields assigned to this component.

				
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/vendor/rfs";

.block-text-columns {

	&.col4 {
		.h2 {
			@include fluid-type(28, 40);
		}
	}

	&__row {
		@include padding-top( rem-calc(64) );
		@include padding-bottom( rem-calc(64) );
		gap: rem-calc(32 0);

		@include bp($lg) {
			justify-content: center;
		}
	}

	&__col {
		.h2,
		.content-container {
			color: var( --text-color );
		}

		.content-container {
			@include margin-top( rem-calc(32) );

			p {
				@include fluid-type(16, 18);
			}
		}

		a.btn--text {
			font-weight: 700;
		}
	}
}
There are is no JavaScript file with this component.
  • 3 or 4 columns can be used

Animation: