diff --git a/ipywidgets/widgets/widget_layout.py b/ipywidgets/widgets/widget_layout.py
index fa81421b66..fefa292480 100644
--- a/ipywidgets/widgets/widget_layout.py
+++ b/ipywidgets/widgets/widget_layout.py
@@ -42,6 +42,10 @@ class Layout(Widget):
     display = Unicode(None, allow_none=True, help="The display CSS attribute.").tag(sync=True)
     flex = Unicode(None, allow_none=True, help="The flex CSS attribute.").tag(sync=True)
     flex_flow = Unicode(None, allow_none=True, help="The flex-flow CSS attribute.").tag(sync=True)
+    grid_template_columns = Unicode(None, allow_none=True, help="The grid-template-columns CSS attribute.").tag(sync=True)
+    grid_template_rows = Unicode(None, allow_none=True, help="The grid-template-rows CSS attribute.").tag(sync=True)
+    grid_row = Unicode(None, allow_none=True, help="The grid-row CSS attribute.").tag(sync=True)
+    grid_column = Unicode(None, allow_none=True, help="The grid-column CSS attribute.").tag(sync=True)
     height = Unicode(None, allow_none=True, help="The height CSS attribute.").tag(sync=True)
     justify_content = CaselessStrEnum(['flex-start', 'flex-end', 'center',
         'space-between', 'space-around'] + CSS_PROPERTIES, allow_none=True, help="The justify-content CSS attribute.").tag(sync=True)
diff --git a/packages/base/src/widget_layout.ts b/packages/base/src/widget_layout.ts
index 51cc2e5d8c..2f043e1356 100644
--- a/packages/base/src/widget_layout.ts
+++ b/packages/base/src/widget_layout.ts
@@ -22,6 +22,10 @@ let css_properties = {
     display: null,
     flex: null,
     flex_flow: null,
+    grid_template_columns: null,
+    grid_template_rows: null,
+    grid_column: null,
+    grid_row: null,
     height: null,
     justify_content: null,
     left: null,