search

juliancwirko / meteor-s-grid

Stylus Flexbox grid system for Meteor with PostCSS and Autoprefixer included
http://stylusgrid.com/
MIT License
28 stars 2 forks source link

flex center on small breakpoint #6

Closed saschalichtenstein closed 9 years ago

saschalichtenstein commented 9 years ago

hi,

i have following breakpoints defined "xs: 0" and "s:480px" for example. i have created an center cell and everything works well until the viewport size is goin below 480px. than the element is not longer center it is goin to top. i had this issue with own created classes as well as with the helper classes. thanks in advance.

juliancwirko commented 9 years ago

Hi, thanks for reporting this. I will look into it asap.

saschalichtenstein commented 9 years ago

ok. but after testing for one day i can say: VERY POWERFUL TOOL!

saschalichtenstein commented 9 years ago

saw that my issue should be related to the stylus s-grid

juliancwirko commented 9 years ago

Hey, could you prepare a repo for debugging this? Or maybe you could paste here your .html and .styl code? Thanks.

saschalichtenstein commented 9 years ago

Sorry for delay, here is my STYLUS code:

section  max-width 980px  padding 0 rem-calc(20)  grid()  &.full    min-height 100vh .navigation   cell(1, 1, 'center')

and JADE:

nav  section   .navigation     ul       li        a(href="#start") Link1       li        a(href="#contact") Link2       li        a(href="#blabla") Link3

alongside i use rupture, jeet gs, nib

saschalichtenstein commented 9 years ago

hey i think i got some code bugs and started from scratch. now everything seems to work fine. even with smaller breakpoints.

juliancwirko commented 9 years ago

Yeah, I couldn't find a bug with code you provided :) I'm glad you figured it out.