'How can I make nb-layout-colloumn center and max width fixed

enter image description hereI am working with Nebular on an Angular app, and I want to have a single column without a header and footer. I am Also using Tailwind for my CSS and I want to center the column and also add max width to it. So currently I have something like this:

<nb-layout class="place-items-center">
  <nb-layout-column class="max-w-7xl">
    <router-outlet></router-outlet>
   </nb-layout-column>
</nb-layout>

The problem here is that while the max width is applied the alignment is always against start and not center. I have tried every CSS tag with center in its name but nothing.

Nebular's nb-layout also has center tag but it makes the div too small, but it centers it. There might be a tag I can overwrite through my CSS but I cannot find it.

htmlcssangulartailwind-cssnebular


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions