...
<body>
<my-element
grid1="'. . a . .' min-content
'. . b . .' min-content
'c d frame e f' max-content
'. . g . .' min-content
'. . h . .' min-content"
grid2="'. . a . .' min-content
'. . b . .' min-content
'c d frame e f' max-content
'. . g . .' min-content
'. . h . .' min-content / repeat(2, min-content) max-content repeat(2, min-content)"
grid3="'. . a . .' min-content
'. . b . .' min-content
'c d frame e f' max-content
'. . g . .' min-content
'. . h . .' min-content
/ repeat(2, min-content) max-content repeat(2, min-content)">
</my-element>
</body>