message: Flex layout for extensible landing page demo on small screens
diff: @@ -23,11 +23,16 @@ input[type='checkbox'] {
  z-index: 99;
  }
  +@media screen and (min-width: 768px) {
  .extended-queryBuilder {
  display: grid !important;
  grid-template-columns: auto 1fr;
  - gap: 1rem;
  height: fit-content;
  + }
  +}
  +
  +.extended-queryBuilder {
  + gap: 1rem;
  .ruleGroup-header,
  .rule-remove {
  