docs: changing Layout colors (#2668)

openedx · Sep 29, 2023 · 105a200 · 105a200
1 parent b081084
commit 105a200
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/Layout/README.md b/src/Layout/README.md
@@ -22,8 +22,8 @@ A wrapper component that allows to control the size of child blocks on different
     xs={[{ span: 4, offset: 0 }, { span: 4, offset: 0 }, { span: 4, offset: 0 }]}
     xl={[{ span: 3 }, { span: 6 }, { span: 3 }]}
   >
-    <Layout.Element style={{ background: 'red' }}>first block</Layout.Element>
-    <Layout.Element style={{ background: 'green' }}>second block</Layout.Element>
-    <Layout.Element style={{ background: 'blue' }}>third block</Layout.Element>
+    <Layout.Element style={{ background: '#FFD89E' }}>first block</Layout.Element>
+    <Layout.Element style={{ background: '#4CAF50' }}>second block</Layout.Element>
+    <Layout.Element style={{ background: '#FFEB3B' }}>third block</Layout.Element>
   </Layout>
 ```