I have attempted to find out the answer on my own over here and via google but had no luck or maybe just my lack of proper technical knowhow to understand things. or i find examples and “tutorials” which are overly simplified.
lets say i have 3 pills, each button showing two rows where each row has three columns
also on the same page there is an accordion
in markdown file, how do i specify what part of the content is to go into what column, currently i am using a html file with default front matter and the output is as desired, but that might be against the whole purpose of using hugo. is there a place i can read about this exact thing?
That’s something that would have to be at least partially configured in the template itself, then with front matter in the content files. That or you could use shortcodes that generate HTML with specific classes that you could then use regular expressions to pull that piece of content out and place it in its spot.
I can’t picture what you’re trying to accomplish, but it sounds like something that would take a lot of working around Hugo to do. Maybe someone will have a better answer for you.
If I remember correctly, the page bundles feature allows for having the main content file index.md and other content files that can be included in the page. You may be able to leverage this to make col-2.md and col-10.md files that the template then includes in the correct places on the page.
It’s not a feature I have much experience with, but I think the above link and the docs for page resources should get you in the right direction.