Merge pull request #50 from FranckKe/master

Fix row chat message layout in README.md code section
dwyl · Jan 26, 2021 · e62fda4 · e62fda4
2 parents 00b79e3 + 950b216
commit e62fda4
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -401,14 +401,15 @@ and _copy-paste_ (_or type_) the following code:
 
 ```html
 <!-- The list of messages will appear here: -->
-<ul id='msg-list' class='row' style='list-style: none; min-height:200px; padding: 10px;'></ul>
+<ul id="msg-list" style="list-style: none; min-height:200px;">
+</ul>
 
 <div class="row">
-  <div class="column column-20">
-    <input type="text" id="name" class="form-control" placeholder="Your Name" autofocus>
+  <div class="col-xs-3" style="width: 20%; margin-left: 0;">
+    <input type="text" id="name" class="form-control" placeholder="Your Name" style="border: 1px black solid; font-size: 1.3em;" autofocus>
   </div>
-  <div class="column column-80">
-    <input type="text" id="msg" class="form-control" placeholder="Your Message">
+  <div class="col-xs-9" style="width: 100%; margin-left: 1%; ">
+    <input type="text" id="msg" class="form-control" placeholder="Your Message" style="border: 1px black solid; font-size: 1.3em;">
   </div>
 </div>
 ```