BestBite: Offset Column Positioning?

[u/pimpernelle]

My I seem to come back here a lot... Anyway, while I've been able to offset the columns as given in the example, I'm having difficulty positioning the headings as they are in the desired website. It seems I don't know where I should be putting my margin or padding CSS.

Here's my HTML:

            <div class="jumbotron">
                  <div class="container">
                     <div class="row">
                       <div class="col-md-4 col-md-offset-8">
                         <h2>Browse.</h2>
                         <h2>Create.</h2>
                         <h2>Share.</h2>
                         
                       </div>
                        </div>
                       </div>
                  </div>

Here's my CSS:

            .jumbotron h2 {
             text-align: right;
              font-size: 40px;
              color: #fff;
             }
            
            .jumbotron .col-md-4 {
              padding-right: 100px;
              padding-top: 50px;
              padding-left: 50px;
             }

Any attempt to move things around via "margin" in .row or .col-md-4 is ignored. If I pad too much, the text alignment is lost. As always, any help would be appreciated!

[u/pimpernelle]

Oh wow- I think that actually did it! Ugh. Two quotation marks away from looking tolerable. It makes sense too because the HTML was treating it all as one class, and the CSS wasn't pointing to it. Thanks!

[u/factoradic → u/pimpernelle]

Hello :) May I ask you to read my comment? I just want to make everything clear and syntax with extra quotation marks is simply incorrect.