diff --git a/build.gradle.kts b/build.gradle.kts
index 050501e..e8c4163 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -17,8 +17,7 @@ kotlin {
     *  To find out how to configure the targets, please follow the link:
     *  https://kotlinlang.org/docs/reference/building-mpp-with-gradle.html#setting-up-targets */
     jvm()
-    js {
-    }
+    js()
 
     sourceSets {
         val commonMain by getting {
diff --git a/src/commonMain/kotlin/nl/astraeus/css/properties/Flex.kt b/src/commonMain/kotlin/nl/astraeus/css/properties/Flex.kt
new file mode 100644
index 0000000..b0f804f
--- /dev/null
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Flex.kt
@@ -0,0 +1,42 @@
+package nl.astraeus.css.properties
+
+class FlexDirection(
+    value: String
+) : CssProperty(value) {
+
+    companion object {
+        fun row() = FlexDirection("row")
+        fun rowReverse() = FlexDirection("row-reverse")
+        fun column() = FlexDirection("column")
+        fun columnReverse() = FlexDirection("column-reverse")
+        fun initial() = FlexDirection("initial")
+        fun inherit() = FlexDirection("inherit")
+    }
+
+}
+
+class FlexGrowShrink(
+    value: String
+) : CssProperty(value) {
+
+    companion object {
+        fun number(number: Int) = FlexDirection("$number")
+        fun initial() = FlexDirection("initial")
+        fun inherit() = FlexDirection("inherit")
+    }
+
+}
+
+class FlexWrap(
+    value: String
+) : CssProperty(value) {
+
+    companion object {
+        fun nowrap() = FlexWrap("nowrap")
+        fun wrap() = FlexWrap("wrap")
+        fun wrapReverse() = FlexWrap("wrap-reverse")
+        fun initial() = FlexWrap("initial")
+        fun inherit() = FlexWrap("inherit")
+    }
+
+}
diff --git a/src/commonMain/kotlin/nl/astraeus/css/style/Style.kt b/src/commonMain/kotlin/nl/astraeus/css/style/Style.kt
index e8457f0..6059ba4 100644
--- a/src/commonMain/kotlin/nl/astraeus/css/style/Style.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/style/Style.kt
@@ -234,6 +234,12 @@ open class Style(
     var emptyCells: EmptyCells? = null,
     var filter: TextProperty? = null,
     var flex: TextProperty? = null,
+    var flexBasis: Measurement? = null,
+    var flexDirection: FlexDirection? = null,
+    var flexFlow: TextProperty? = null,
+    var flexGrow: FlexGrowShrink? = null,
+    var flexShrink: FlexGrowShrink? = null,
+    var flexWrap: FlexWrap? = null,
     var float: Float? = null,
     var font: TextProperty? = null,