docs

README.md

@@ -14,38 +14,15 @@ SPA frontend implemented on top of (not so new versions):
 Visual design heavily inspired by Splunk.
 
 ## Screenshots
-<div>
-    <div style="float:left;">
-        <div>Explore every bit of kafka:</div>
-        <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/explore-kafka-stream-internals.png?raw=true" width="400" alt="Explore every bit of kafka" />
-    </div>
-    <div style="float:left;margin-left:20px;">
-        <div>Travel in time:</div>
-        <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/filter-by-time.png?raw=true" width="400" alt="Time filters" />
-    </div>
-</div>
-<div>
-    <div style="float:left;">
-        <div>Dig inside your data:</div>
-        <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/format-json-messages.png?raw=true" width="400" alt="Structured json views" />
-    </div>
-    <div style="float:left;margin-left:20px;">
-        <div>You are in control:</div>
-        <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/results-formatting.png?raw=true" width="400" alt="Control your options" />
-    </div>
-</div>
-<div>
-    <div style="float:left;">
-        <div>Do things the way you want it:</div>
-        <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/timeline-formatting.png?raw=true" width="400" alt="Adjust timeline" />
-    </div>
-    <div style="float:left;margin-left:20px;">
-        <div>Get samples easily:</div>
-        <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/copy-and-download-messages.png?raw=true" width="400" alt="Copy and download" />
-    </div>
-</div>
-<div style="clear:both;" />
 
+|  |  |
+| ------------- | ------------- |
+|  Explore every bit of kafka  | Travel in time  |
+| <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/explore-kafka-stream-internals.png?raw=true" width="400" alt="Explore every bit of kafka" />  |  <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/filter-by-time.png?raw=true" width="400" alt="Time filters" /> | <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/explore-kafka-stream-internals.png?raw=true" width="400" alt="Explore every bit of kafka" />  | <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/filter-by-time.png?raw=true" width="400" alt="Time filters" /> |
+|  Dig inside your data  | You are in control  |
+|  <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/format-json-messages.png?raw=true" width="400" alt="Structured json views" />  | <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/results-formatting.png?raw=true" width="400" alt="Control your options" />  |
+|  Do things the way you want it  | Get samples easily  |
+| <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/timeline-formatting.png?raw=true" width="400" alt="Adjust timeline" /> | <img src="https://github.com/dvsekhvalnov/web-static-content/blob/master/k-ray-ui/images/copy-and-download-messages.png?raw=true" width="400" alt="Copy and download" /> |
 
 ## Maintainers wanted
 As with many former hackaton projects nobody actively working on it fulltime. If somebody from