Responsive Design in React Native - Component

Card.js

"use strict"
import React from "react-native";

// We Import our Stylesheet
import Style from "./Style";

const {
  View,
  Text,
  StyleSheet,
  Component,
} = React;

class Card extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.text}>
          {this.props.children}
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    width: Style.CARD_WIDTH,
    height: Style.CARD_HEIGHT, 
    padding: Style.CARD_PADDING_X,
    paddingTop: Style.CARD_PADDING_Y,
    paddingBottom: Style.CARD_PADDING_Y,
  },
  text: {
    fontSize: Style.FONT_SIZE,
    lineHeight: Style.FONT_SIZE * 1.5,
  },
})

export default Card;

paddingHorizontal / paddingVertical, maybe?