I have set up a modular page in my custom grav theme. But the modules / sections in that modular page render out of the container in base twig template

,
1

image
image816×162 9.02 KB

I have used container class of tailwind to the main container which holds the content within it but it is holding only the first two modules. I have checked all the necessary files and grav admin but everything seems to be correct

2

Check the theme templates

3

image (1)
image (1)691×173 12.4 KB

above are my base twig template. everything is correct but didn’t get where is the issue

4

image (2)
image (2)774×326 32.8 KB

This is the modular twig template

5
  1. Please paste actual code in the future and not images
  2. These two images don’t show anything useful
  3. Check your module templates
  4. Don’t use element inspector - open page source
    Either some tags are not properly closed in the templates or you’re using some weird shortcodes without closing them. I think it’s the latter, but you’re not providing relevant info.

Please read the sticky topic about asking good questions

6

Hey i checked the source code and the modules are rendering inside the main container that is in the base template but the issue is that from the 3rd module it renders outside the main container resulting in no margin to it as i have given a margin to the main container

7

So did you check your markdown in the second and third modules as I suggested?

8

@_shreyas04, Any progress you would like to share?

Some questions:

  • What’s your level of expertise in Tailwind and CSS?
  • Do you know how to use the devtools of the browser?
  • Do you have a website we can inspect?