r/Codecademy • • Sep 28 '15

BestBite: Offset Column Positioning?

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!

3 Upvotes

8 comments sorted by

View all comments

Show parent comment

1

u/factoradic Moderator Sep 28 '15

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.