changed some css styles

src/components/Basket.css

@@ -0,0 +1,13 @@
+.basket{
+	background-color: #AED6F1;
+	display: table;
+	justify-content: center;
+	border-radius: 10px;
+	padding: 2px;
+	margin: 4px;
+	font-size: 1rem;
+
+}
+
+
+/*tc bg-light-blue fl w-19 br4 pa3 ma*/

src/components/Basket.js

@@ -3,11 +3,12 @@ import './Basket.css'
 
 function Basket (props) {
 	return (
-		<div className = 'tc bg-light-blue fl w-20 br3 pa3 ma2 grow'>
+		<div className = 'basket grow fl w-20'>
 			<img alt = '' src = '' />
 			<div>
-				<h3> {props.airport} <br></br> {props.time} </h3>
-				<p> {props.name }</p>
+				{props.time}
+				<br></br>
+				{props.name} 
 			</div>
 
 		</div>

src/components/fakedata.js

@@ -1,43 +1,43 @@
 export const users = [
 {
 	id: 'jfk060110',
-	month: "5",
-	time: "10 AM",
+	month: "6",
+	time: "10:00",
 	name: 'Gladys',
 	airport: 'JFK'
 },
 {
 	id: 'ewr060110',
-	month: "5",
-	time: "10 AM",
+	month: "6",
+	time: "13:00",
 	name: 'Kevin',
 	airport: 'EWR'
 },
 {
 	id: 'bdl060110',
-	month: "5",
-	time: "10 AM",
+	month: "6",
+	time: "11:00",
 	name: 'Bohan',
 	airport: 'BDL'
 },
 {
 	id: 'lga060110',
 	month:"6",
-	time: "10 AM",
+	time: "10:00",
 	name: 'Archie',
 	airport: 'LGA'
 },
 {
 	id: 'lga060110',
-	month:"5",
-	time: "10 AM",
+	month:"6",
+	time: "10:00",
 	name: 'Arash',
 	airport: 'LGA'
 },
 {
 	id: 'lga060110',
-	month:"5",
-	time: "10 AM",
+	month:"6",
+	time: "10:00",
 	name: 'Jesus',
 	airport: 'LGA'
 }

src/containers/Airport.js

@@ -27,7 +27,6 @@ export default Airport;
 
 function Block (props) {
 	const blocklist = users.filter(user => {
-		{console.log(user.month, props.date.getMonth())}
 		return (Number(user.month) === (props.date.getMonth()+1) && user.airport.toLowerCase() === props.name.toLowerCase())
 		})
 

src/containers/Airport2.css

@@ -0,0 +1,14 @@
+.airportblock {
+	display : inline-block;
+	min-height: 100%;
+	min-width: 20%;
+	justify-content: center;
+	background-color: #FCF3CF; 
+	padding: 1px;
+	margin: 5px;
+	border-radius: 10px
+
+}
+
+
+/*bg-light-yellow dib br4 pa1 ma3 grow */

src/containers/Airport2.js

@@ -6,6 +6,7 @@ import Basket from  '../components/Basket.js';
 import '../components/Basket.css';
 import {users, airports} from '../components/fakedata.js';
 import Scroll from '../components/Scroll';
+import './Airport2.css'
 
 class Airport2 extends Component {
 	constructor (props){
@@ -41,8 +42,7 @@ function Blocks({date, airports, users}){
 	})
 
 	return (
-		<div className = "bg-light-yellow fl w-100 br4 pa1 ma3 grow">
-		{console.log("up airport", airports)}
+		<div >
 		{Airmaps}
 		</div>
 		);
@@ -56,9 +56,9 @@ function Block ({date, airport, users}){
 	const Basketmap = Userlist.map((name, i) => {
 		return <Basket id = {Userlist[i].id} name = {Userlist[i].name} time = {Userlist[i].time} airport = {Userlist[i].airport} />
 	})
-
 	return (
-		<div className = "">
+		<div className = "airportblock grow" >
+		<h4>{airport}</h4>
 		{Basketmap}
 		</div> );