Added post card

twistter-frontend/src/pages/user.js

@@ -1,41 +1,29 @@
 /* eslint-disable */
 import React, { Component } from 'react';
-import '../App.css';
-
-//import PropTypes from 'prop-types';
-import StaticProfile from '../components/profile/StaticProfile';
-//import Grid from '@material-ui/core/Grid';
+//import '../App.css';
+import { makeStyles, styled } from '@material-ui/core/styles';
+import Grid from '@material-ui/core/Grid';
 import Card from '@material-ui/core/Card';
 import CardMedia from '@material-ui/core/CardMedia';
 import CardContent from '@material-ui/core/CardContent';
-import PostSkeleton from '../util/PostSkeleton';
-
-//import { connect } from 'react-redux';
-
-
 
+const PostCard = styled(Card)({
+  background: 'linear-gradient(45deg, #1da1f2 90%)',
+  border: 3,
+  borderRadius: 3,
+  height:225,
+  width: 645,
+  padding: '0 30px',
+});
 
 class user extends Component {
   render() {
-
+    
     return (
       <div>
         <h1>User Profile</h1>
         <br/><br/>
-        
-          <Card>
-          <CardMedia
-          component="img"
-          height="140"
-          width="345"
-          image="twistter-frontend/src/images/twistter-logo.png"
-          title="Post"
-           />
-          <CardContent>
-            <b>This is the content of some post</b>
-          </CardContent>
-
-        </Card>
+        <PostCard>Some card and content</PostCard>
         <br/><br/>
       </div>
     )