Skip to main content
Nintex Community Menu Bar
Question

CSS How To Center A Component Onto A Page

  • July 10, 2024
  • 5 replies
  • 21 views

Forum|alt.badge.img+7

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!

This topic has been closed for replies.

5 replies

Forum|alt.badge.img+17

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.


Forum|alt.badge.img+7
  • Author
  • July 10, 2024

I actually have 5 panels setup; illustration didn’t show that 😦


Forum|alt.badge.img+17

If you configure it like this with the outer-most grid panels set to flexible with with the same settings, it should center 1b4e7ce5c310d10ab4484c9a337df07fcd97f9fe.png


Forum|alt.badge.img+7
  • Author
  • July 10, 2024

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.


Forum|alt.badge.img+7
  • Author
  • July 10, 2024

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!!!