grouping.

app.py

@@ -61,29 +61,34 @@ with block:
             </div>
         """
     )
-    gr.HTML(
-      """
-        <div class="acknowledgments">
-        <p><h4>How it works?</h4>
-    <ul>
-      <li> The evaluator first sets a seed and then generates the initial noise which is passed as the initial latent to start the image generation process. It is done to ensure fair comparison.</li>
-      <li>This initial latent is used every time the pipeline is run (with different schedulers).</li>
-      <li>To quantify the quality of the generated images we use:</li>
+    with gr.Group():
+        # with gr.Box():
+        #     with gr.Row(elem_id="prompt-container").style(mobile_collapse=False, equal_height=True):
+        #         with gr.Column():
+        #           gr.Text(max_lines=1, placeholder="a painting of a dog")
+      gr.HTML(
+        """
+          <div class="acknowledgments">
+          <p><h4>How it works?</h4>
       <ul>
-          <li><a href=https://en.wikipedia.org/wiki/Inception_score>Inception Score</a></li>
-          <li><a href=https://arxiv.org/abs/2104.08718>Clip Score</a></li>
+        <li> The evaluator first sets a seed and then generates the initial noise which is passed as the initial latent to start the image generation process. It is done to ensure fair comparison.</li>
+        <li>This initial latent is used every time the pipeline is run (with different schedulers).</li>
+        <li>To quantify the quality of the generated images we use:</li>
+        <ul>
+            <li><a href=https://en.wikipedia.org/wiki/Inception_score>Inception Score</a></li>
+            <li><a href=https://arxiv.org/abs/2104.08718>Clip Score</a></li>
+          </ul>
+      </ul></p>
+        <p><h4>Notes</h4>
+        <ul>
+          <li>The default scheduler associated with the provided checkpoint is always used for reporting the scores.</li>
+        <li>Increasing both the number of images per prompt and the number of inference steps could quickly build up the inference queue and thus
+  resulting in slowdowns.</li>
         </ul>
-    </ul></p>
-       <p><h4>Notes</h4>
-       <ul>
-        <li>The default scheduler associated with the provided checkpoint is always used for reporting the scores.</li>
-       <li>Increasing both the number of images per prompt and the number of inference steps could quickly build up the inference queue and thus
-resulting in slowdowns.</li>
-      </ul>
-       </p>
-              </div>
-        """
-    )
+        </p>
+                </div>
+          """
+      )
 
 
 block.launch()