add comment

main.css

@@ -1,13 +1,17 @@
+/* Center-align the title */
 h1, h2, h3 {
     text-align: center;
     display:block;
 }
 
+
 /* Hide sort buttons at gr.DataFrame */
 .sort-button {
     display: none !important;
 }
 
+
+/* Color fix at gr.Chatbot */
 .user-row * {
     background-color: var(--checkbox-label-background-fill) !important;
     border-color: var(--primary-400) !important;
@@ -29,12 +33,15 @@ h1, h2, h3 {
     border-radius: 22px 22px 22px 0 !important;
 }
 
+
+/* Border fix for the code expression at gr.Markdown */
 .md :not(pre) > code {
     border-radius: 3px !important;
     border: 0px !important;
 
 }
 
+/* Better visibility at gr.Slider */
 input[type="range"] {
     background-color: var(--checkbox-background-color) !important;
 }