redtypoOooOo Comments - Answer Overflow

Ok I will give it a try. The buttons would keep its shape (pill shaped) n the stack icons would be small pill shape w little padding (button like) on top of the buttons?

33 replies

KPCKevin Powell - Community

•Created by redtypoOooOo on 8/9/2023 in #ui-ux

pick a project card layout for me

hi do you think the two buttons should stack on top of each other or sit side by side (like whats the flex direction)

33 replies

KPCKevin Powell - Community

•Created by redtypoOooOo on 7/25/2023 in #front-end

are these breakpoint good practice for this website?

i see, i see, just wanted to talk with ppl that has experience to see their opinions on this case bc i have changed the breakpoints before n kind of a chores to rewrite the codes. thanks for the reply!

8 replies

KPCKevin Powell - Community

•Created by redtypoOooOo on 7/25/2023 in #front-end

are these breakpoint good practice for this website?

hi Kevin, I have watched some of your videos abt responsive layout and I understand the general rule of breakpoints but to implement it in a specific case, I am confused. I would appreciate it if someone could walk through it with me. Here is my obeservation of this design: at 576px,hero button gets smaller, all container margins change; at 768px, basically everything changes; at 992px, some fonts size and margins change; at 1440, margins change. ( <576px as the base style(as mobile first); ) so 4 media queries? as: 576~768px; 768~992, 992~1440, >=1440? if says need around 2 media queries, how to implement the rest of the design changes?

8 replies

KPCKevin Powell - Community

•Created by redtypoOooOo on 7/25/2023 in #front-end

are these breakpoint good practice for this website?

hi, there. Yes, I understand that but to implement it in a specific case, I am confused. I would appreciate it if someone could walk through it with me. Here is my obeservation of this design: at 576px,hero button gets smaller, all container margins change; at 768px, basically everything changes; at 992px, some fonts size and margins change; at 1440, margins change. ( <576px as the base style(as mobile first); ) so 4 media queries? as: 576~768px; 768~992, 992~1440, >=1440? if says need around 2 media queries, how to implement the rest of the design changes?

8 replies

KPCKevin Powell - Community

•Created by redtypoOooOo on 7/17/2023 in #front-end

how to make react website responsive?

hi Kevin thanks for the tips n i have watched some of ur classes like the one for space tourism website which have been helpful!

3 replies

KPCKevin Powell - Community

•Created by redtypoOooOo on 7/13/2023 in #front-end

how to read this object?

😁

327 replies

Gaming

Programming