diff --git a/App.js b/App.js
index 8d6286c..2ee9dce 100644
--- a/App.js
+++ b/App.js
@@ -1,23 +1,16 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import React, {Component} from 'react';
+import { AppRegistry, Text, View } from 'react-native';
 
-export default class App extends React.Component {
+export default class FixedDimensionsBasics extends Component {
   render() {
     return (
-      <View style={styles.container}>
-        <Text>Open up App.js to start working on your app!</Text>
-        <Text>Changes you make will automatically reload.</Text>
-        <Text>Shake your phone to open the developer menu.</Text>
+      <View style={{flex:1}}> 
+        <View style={{flex:1, backgroundColor: 'powderblue'}} />
+        <View style={{flex:2, backgroundColor: 'skyblue'}} />
+        <View style={{flex:3, backgroundColor: 'steelblue'}} />
       </View>
     );
   }
 }
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
+AppRegistry.registerComponent('react-native-tutorial', () => FixedDimensionsBasics);