Container

Max width container, centered with margin auto. Note: Demo is best viewed in standalone preview.

.l-container

<div style="border: 2px solid black" class="l-container  has-padding container-demo"><strong>l-container </strong> (<span></span>)</div>

Repo	Count	Location(s)
texastribune	20	List series_detail.html base.html _container.scss paid_info_drop.html paid_index.html lead_media.html index.html article_layout_featured.html page_layout_promoted.html blast_promo.html 403_csrf.html paid_layout.html rug.html donations_base.html results.html about_layout.html 404.html firehose.html section_base.html top_section.html
feature-general-ballot-2020-08	2	List index-queso.html share.html
feature-voter-guide-general-2020-08	2	List share.html index.html
data-visuals-create	2	List share.html index-queso.html

.l-container--s

Maxed at 520px

<div style="border: 2px solid black" class="l-container l-container--s has-padding container-demo"><strong>l-container l-container--s</strong> (<span></span>)</div>

Repo	Count	Location(s)
texastribune	5	List 403_csrf.html paid_index.html 404.html series_detail.html 500.html
docker-tt-nginx	2	List 50x.html 404.html
smaragdine-september	1	List 404.html

.l-container--m

Maxed at 650px

<div style="border: 2px solid black" class="l-container l-container--m has-padding container-demo"><strong>l-container l-container--m</strong> (<span></span>)</div>

Repo	Count	Location(s)
texastribune	4	List blast_promo.html paid_layout.html series_detail.html newsletter_detail.html
state-salaries-draft	3	List 403.html 500.html 404.html
feature-general-ballot-2020-08	2	List index-queso.html index.html
data-visuals-create	1	List index-queso.html
feature-voter-guide-general-2020-08	1	List index.html

.l-container--l

Maxed at 845px

<div style="border: 2px solid black" class="l-container l-container--l has-padding container-demo"><strong>l-container l-container--l</strong> (<span></span>)</div>

Repo	Count	Location(s)
texastribune	6	List paid_info_drop.html lead_media.html paid_index.html top_section.html podcasts.html series_detail.html
state-salaries-draft	11	List embeds.html _search_grid.html index.html _intro_text.html _snapshot_ethnicity_breakdown.html _snapshot_gender_breakdown.html _snapshot_employment_status_breakdown.html _snapshot_tenure_breakdown.html search.html PaginationTable.js _employee_table_over_time.html

.l-container--xl

Maxed at 1080px

<div style="border: 2px solid black" class="l-container l-container--xl has-padding container-demo"><strong>l-container l-container--xl</strong> (<span></span>)</div>

Repo	Count	Location(s)
texastribune	3	List index.html section_base.html site_footer.html
state-salaries-draft	13	List _area_two.html _area_one.html base-error.html base-homepage.html base.html index.html agency_list.html agency_employee_detail.html employee_detail.html agency_detail.html _footer.html faq.html about.html
donations	2	List SiteFooter.vue footer.html

.l-container--xxl

Maxed at 1300px

<div style="border: 2px solid black" class="l-container l-container--xxl has-padding container-demo"><strong>l-container l-container--xxl</strong> (<span></span>)</div>

Repo	Count	Location(s)
texastribune	1	List rug.html