CSS How To Center A Component Onto A Page

nsns Member
edited October 2019 in Questions

I've built a page with a wrapper, responsive grid and more individual wrappers/components to create containers as shown in the illustration. 

However, when I output this, my components are not centered onto the page. 

Can someone help me with some CSS code to get this centered onto a page? 

Thank you!

image


Comments

  • edited October 2019
    A quick fix might be to put the wrapper in a responsive grid with 3 panels. Put the wrapper in the center panel. Set each panel to be flexible width with the same settings. Leave the two outer panels empty.
  • nsns Member
    edited November 2017
    I actually have 5 panels setup; illustration didn't show that :(
  • edited October 2019
    If you configure it like this with the outer-most grid panels set to flexible with with the same settings, it should center image
  • nsns Member
    edited November 2017
    closer. 

    The small x's at the top are perfectly centered and on one row. 

    Mine as you can see are broken up but centered. 

    image
  • nsns Member
    edited November 2017
    Ok seems like I got it. 

    Just need to close up the gap within the column gutter.

    This is expanded 100% across my screen now. 

    Thanks!!!
    image
Sign In or Register to comment.