Is it an inline list with circle tiles?
Yes. But I want them outlined just like @Pedroydzito design, would look perfect! I don’t know if that is a CSS based design?
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:
@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?
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.
Geez… awesome!
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!
It may be solved by setting the width size specification to vw.
Can I know more about what “vw” means in this context? Thanks a lot.
I imagined the CSS created by 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.
Thank you for the clarification.
Hi @Pedroydzito, how do you get the menu you made with the images always stuck to the bottom bar of glide?
Thanks.
They all have white backgrounds, inline list circles, 3 to a line, that looks like thats it.
It is a 3: 4 (Vertical) inline list with 4 tiles per row!
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
Noup, in fact the inline list is not always stuck with the bottom bar …
ahhh perfect. I thought so, since the image looked like this.
Thanks a lot.