search

XDgov / ML-Bias-Website

0 stars 0 forks source link

Set Max Width on Banner Content #15

Open lukad03 opened 3 years ago

lukad03 commented 3 years ago

Banner content stretches a bit. Propose setting a max width for larger screens.

pegnott commented 3 years ago

there are a couple ways to handle, both involve adding a class or a wrapper div w/class to the banner content:

  1. use a width (.w-[1-100] or max-width (.mw-[1-100])utility class
  2. wrap banner content in div.container -- .container will be contained to 1024px. This value is configurable via helpers.scss as follows (add before the boostrap imports):
$container-max-widths: (
    md: 720px,
    lg: 960px,
    xl: 1140px
) ;
pegnott commented 3 years ago

Commit added to PR #24 -- note, I didn't adjust the default container widths, simply updated the HTML structure and classes to recreate the content within a container. defaults can be adjusted as shown in the previous comment if desired.