instance cryp now grid

client/src/components/instance.cryps.jsx

@@ -76,7 +76,9 @@ function Cryp(props) {
         }
 
         const classes = `right ${skill ? '' : 'action'}`;
-        return <button key={i} className={classes} onClick={skillClick} >{s}</button>;
+        return (
+            <button key={i} className={classes} onClick={skillClick} >{s}</button>
+        );
     });
 
     function onClick(e) {
@@ -133,16 +135,16 @@ function Cryp(props) {
 
     return (
         <div key={cryp.id} className="instance-cryp" onClick={onClick} >
-            <div className="instance-cryp-top">
+            <div className="avatar">
                 <figure className="img">
                     {crypAvatar(cryp.name)}
                     <figcaption>{cryp.name}</figcaption>
                 </figure>
-                <div className="skills">
-                    {skills}
-                </div>
             </div>
-            <div className="stats">
+            <div className="skills">
+                {skills}
+            </div>
+            <div className="specs">
                 {specs}
             </div>
         </div>