If it were me, I would use media queries to make the width 100% at a
certain screen size.  I don't know what your design calls for, so it may
not work for you

Codepen: http://codepen.io/chrisrockwell/pen/njyAr

You shouldn't wrap your div with an anchor tag, either.

SCSS:
.mobile-services {
  width: 98%;
  margin: 0 auto;
  > div {
    background: dimgray;
    display: inline-block;
    width: 49%;
    margin: 1rem auto;
    @media all and (max-width: 740px) {
      width: 100%;
    }
  }
}


On Thu, Sep 12, 2013 at 2:20 PM, Tom Livingston <tom...@gmail.com> wrote:

> Maybe add margin: 0 auto 0 auto; ?
>
> Just did a quick look...
>
> On Thu, Sep 12, 2013 at 2:04 PM, Chip at Caliber Communications
> <chip.me...@calibercommunicationsllc.com> wrote:
> > http://www.csbnow.com/mobile/index.html
> >
> > http://www.csbnow.com/mobile/css/style-mobile.css
> >
> > I am trying to get the grey boxes (Online Banking, Online Bill Pay, etc.)
> > to center on the page so that when the viewport gets too small to
> > accommodate 2 columns, the remaining single column is centered. Seems
> like
> > I must be missing something obvious, but I cannot see it.
> >
> > Thanks for any help...
> >
> > Chip
> > ______________________________________________________________________
> > css-discuss [css-d@lists.css-discuss.org]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > List policies -- http://css-discuss.org/policies.html
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
> --
>
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Chris Rockwell
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to