Inlining the features in README

Author: siddharthkp

README.md

@@ -17,35 +17,39 @@ export default class Hello extends React.Component {
 
     /* css constructor */
     @css`
+        /* 🔒 Isolated and co-located */
+
+        /* 🎀 Supports the entirety of CSS */
         font-size: 16px;
         text-align: center;
 
-        /* Use props in your CSS */
+        /* 🔥 Use props in css */
         color: {this.props.color};
 
-        /* Adds vendor prefixes */
+        /* 💻 Built in vendor prefixing */
         display: flex;
 
-        /* Pseudo selectors */
+        /* 🌀 Pseudo selectors */
         &:hover {
             color: #FFF;
         }
 
-        /* Nested elements */
+        /* 👪 Nested css */
         img {
             border-radius: 50%;
         }
         #handle {
             margin-top: 20px;
         }
 
-        /* Media queries */
+        /* 📱 Media queries support */
         @media (max-width: 600px) {
             & {font-size: 18px;}
         }
     `
 
     render () {
+        /* 🔼 Attaches styles to the highest element in your component */
         return (<div>
             <img src="https://github.com/siddharthkp.png"/>
             <div id="handle">@siddharthkp</div>
@@ -59,26 +63,10 @@ export default class Hello extends React.Component {
 
 --
 
-**Features:**
-
-🎀 Supports the entirety of CSS
-
-🔥 Use props in css
-
-🔼 Attaches styles to the highest element in your component
+**Other features**
 
 🙋 Uses classes instead of inline styles
 
-🔒 Isolated and co-located
-
-🌀 pseudo selectors
-
-📱 media queries support
-
-👪 nested css
-
-💻 built in vendor prefixes
-
 🔧 Editable in developer tools
 
 👶 Super tiny: only 1.2K gzipped!