diff --git a/website/docs/guides/layout.md b/website/docs/guides/layout.md index 090787760..225fe8444 100644 --- a/website/docs/guides/layout.md +++ b/website/docs/guides/layout.md @@ -46,7 +46,7 @@ Flexbox is designed to provide a consistent layout on different screen sizes. Yo Lets say you want to build a UI that has a parent view which has two child widgets. One a label with text Hello and another a view with background color white. Now you want the label to occupy 1/3 of the available space while the white colored child view to occupy the remaining 2/3 space. -flex layout example 1 +flex layout example 1 The code for that would look something like this: diff --git a/website/docs/img/docs/flex-layout-1.png b/website/docs/img/docs/flex-layout-1.png new file mode 100644 index 000000000..f187f0d39 Binary files /dev/null and b/website/docs/img/docs/flex-layout-1.png differ