Announcement

Collapse
No announcement yet.

Adding gutters to a grid

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Adding gutters to a grid

    Can o-layout--wide or o-layout--narrow be added to this? I need to add space between the columns in order to have a drop shadow properly display.

    Code:
    <div class="o-layout u-grids-1 u-grids-3--m">
    Last edited by lesliekirk; 09-09-21, 06:54 AM.
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    Hi Leslie,

    Yes, I believe so.
    Matt Zimmermann
    Front-End Development Director / Miva, Inc.

    Comment


      #3
      I added the o-layout--wide what it does it change the padding-left to 32px instead of 16px. It looks like in order to have a drop shadow I'm going to have to customize the style for this particular grid - narrow the flex-basis and max-width then tweak with the left and right margins.

      On the bright side I have a better understanding of gutter options.
      Leslie Kirk
      Miva Certified Developer
      Miva Merchant Specialist since 1997
      Previously of Webs Your Way
      (aka Leslie Nord leslienord)

      Email me: [email protected]
      www.lesliekirk.com

      Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

      Comment

      Working...
      X