# Beautiful Design App **URL:** \ **Category:** Project Showcase\ **Created:** [September 22, 2020, 12:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191 "2020-09-22T12:23:59Z")\ **Posts on this page:** 20\ **Page:** 14
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [January 23, 2021, 12:39am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/266 "2021-01-23T00:39:23Z")
Is it an inline list with circle tiles? ---
**Author:** ![DareSteps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/daresteps/32/11716_2.png) [@DareSteps](https://community.glideapps.com/u/DareSteps)\ **Post date:** [January 23, 2021, 1:11am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/267 "2021-01-23T01:11:43Z")
Yes. But I want them outlined just like @Pedroydzito design, would look perfect! I don’t know if that is a CSS based design? ---
**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\ **Post date:** [January 23, 2021, 7:38pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/268 "2021-01-23T19:38:56Z")
Muito Obrigado! O que eu fiz foi apenas criar uma inline list 3:4 (Vertical), e cada imagem eu criei um contorno ao redor, como por exemplo essa: ![1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/b/fb73275502b1a52bd59afd1a167525ef6b4d2751.png) ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [January 23, 2021, 7:47pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/269 "2021-01-23T19:47:09Z")
🤩 🤩 🤩 ---
**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\ **Post date:** [January 23, 2021, 7:48pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/270 "2021-01-23T19:48:06Z")
😉 ---
**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\ **Post date:** [January 24, 2021, 9:34pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/271 "2021-01-24T21:34:50Z")
Novo visual da aba inicial 🙂 ![Screenshot_2021-01-24-18-32-37-693_com.android.chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/e/6e3e09e5337b8d58f34b289f990990502a919ee7.jpeg) ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [January 24, 2021, 10:11pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/272 "2021-01-24T22:11:29Z")
@Pedroydzito I’m gonna speak in english so the others can also read faster 😁 Is this progress bar below this inline list an image or it’s also dynamic? 🤔 ---
**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\ **Post date:** [January 25, 2021, 12:02am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/273 "2021-01-25T00:02:54Z")
This progress bar has a text under an absolute image added by css code. Besides that behind the progress bar I added a button with opacity 0, so that if the user clicks on the bar, open an inline list with the completed and remaining tasks. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/d/ed573879cd51f58ae333f5fb2ba13cf14958a204.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/c/7c3a326669b866aef998539900aa7da8db0ee864.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/3/a3382f350917be3c5e116db6bff187f609a5b11a.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/3/53f72a247aec265c2b0c40362f263d514f4d01c2.png) ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [January 25, 2021, 12:04am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/274 "2021-01-25T00:04:23Z")
Geez… awesome! ---
**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\ **Post date:** [January 25, 2021, 12:10am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/275 "2021-01-25T00:10:19Z")
Thank you very much! I’m just having a problem, if I turn the phone on its side, everything is tiny … I still don’t understand the percentages of the css, sometimes it works, sometimes it doesn’t haha! ![Screenshot_2021-01-24-21-09-26-591_com.android.chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/9/49c845613ffa3a972d5c7114960aa30b55ba27a9.jpeg) ---
**Author:** ![hisashi.fujita](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hisashi.fujita/32/17088_2.png) [@hisashi.fujita](https://community.glideapps.com/u/hisashi.fujita)\ **Post date:** [January 25, 2021, 12:32am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/276 "2021-01-25T00:32:55Z")
It may be solved by setting the width size specification to vw. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [January 25, 2021, 9:33am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/277 "2021-01-25T09:33:05Z")
Can I know more about what “vw” means in this context? Thanks a lot. ---
**Author:** ![hisashi.fujita](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hisashi.fujita/32/17088_2.png) [@hisashi.fujita](https://community.glideapps.com/u/hisashi.fujita)\ **Post date:** [January 25, 2021, 9:57am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/278 "2021-01-25T09:57:59Z")
I imagined the CSS created by [Pedroydzito](https://community.glideapps.com/u/Pedroydzito) as follows: ★ The current size specification has already been specified in%. ★ Maybe it doesn’t have an appropriate relationship with the parent element? In such a case, I thought it would be easier for beginners to understand how to change the% specification to the vw (viewport width) specification. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [January 25, 2021, 3:01pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/279 "2021-01-25T15:01:12Z")
Thank you for the clarification. ---
**Author:** ![Francisco\_Maldonado](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francisco_maldonado/32/18423_2.png) [@Francisco\_Maldonado](https://community.glideapps.com/u/Francisco_Maldonado)\ **Post date:** [January 26, 2021, 2:56pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/280 "2021-01-26T14:56:30Z")
Hi @Pedroydzito, how do you get the menu you made with the images always stuck to the bottom bar of glide? Thanks. ---
**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\ **Post date:** [January 26, 2021, 3:00pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/281 "2021-01-26T15:00:32Z")
They all have white backgrounds, inline list circles, 3 to a line, that looks like thats it. ---
**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\ **Post date:** [January 26, 2021, 3:04pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/282 "2021-01-26T15:04:12Z")
It is a 3: 4 (Vertical) inline list with 4 tiles per row! ---
**Author:** ![Francisco\_Maldonado](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francisco_maldonado/32/18423_2.png) [@Francisco\_Maldonado](https://community.glideapps.com/u/Francisco_Maldonado)\ **Post date:** [January 26, 2021, 3:54pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/283 "2021-01-26T15:54:01Z")
I mean, is how you do so that that tiles is always seen at the bottom of the screen and there is no space with the bottom menu bar and the appearance that it is a native bottom menu. @Pedroydzito ---
**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\ **Post date:** [January 26, 2021, 4:08pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/284 "2021-01-26T16:08:39Z")
Noup, in fact the inline list is not always stuck with the bottom bar … ---
**Author:** ![Francisco\_Maldonado](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francisco_maldonado/32/18423_2.png) [@Francisco\_Maldonado](https://community.glideapps.com/u/Francisco_Maldonado)\ **Post date:** [January 26, 2021, 5:37pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/285 "2021-01-26T17:37:06Z")
ahhh perfect. I thought so, since the image looked like this. Thanks a lot. [Previous page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=13) [Next page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=15)