Forums

  • # March 18, 2017 at 7:12 am

    Forgive the inexperienced question with regard to grid layouts as I’m just beginning to learn about it (and I loathe writing CSS).

    I’ve seen a lot of visual examples of what grid layouts can do but so far I have not seen one incorporate fixed positioning elements. My question is, can grid layouts support a fixed sidebar? If so, would it make the layout much more complicated? I may just be overthinking or haven’t done enough research in general.

    I was attempting to do a fixed sidebar on this pen here but things went haywire.
    http://codepen.io/chrisburton/full/Npweje/

    Also, if anyone has any resources to better understand grid layouts in general, link me!

    # March 18, 2017 at 2:02 pm

    If I get what I think you are asking the answer is, I think, NO.

    Fixed position elements always take their positioning points in relation to the viewport. They are also out of the flow for elements around them so they would be unaffected by the CSS Grid layout.

    That said, I’m not entirely clear on what it is you are trying to achieve. There’s no reason you can’t have your fixed sidebar and the have the rest of the page be grid layout. If you need to allocate space for the sidebar you can do that as a ‘blank’ column in your grid….I think.

    # March 18, 2017 at 3:15 pm

    @paulie_d Essentially I’m looking to do exactly what you see in link below (make sure to scroll – notice sidebar) but within a grid layout. I hope that clears things up.

    http://codepen.io/jamesdarren/full/ivmcH/

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag