Arctomachine
KPCKevin Powell - Community
•Created by Arctomachine on 4/1/2025 in #help
How is your day today?
Did you buy authentic cat statue?
13 replies
KPCKevin Powell - Community
•Created by Arctomachine on 2/2/2025 in #front-end
Resize block after text wrap
Dynamic flex base? Looks cool. Still leaves some gaps when text wraps by half, but that should work
20 replies
KPCKevin Powell - Community
•Created by Arctomachine on 2/2/2025 in #front-end
Resize block after text wrap
Shrink 0 same result
20 replies
KPCKevin Powell - Community
•Created by Arctomachine on 2/2/2025 in #front-end
Resize block after text wrap
https://codepen.io/Arctomachine/pen/dPbLjMB here. Resize it until text wraps, line disappears after that
No idea why it centers line vertically, but it is not important here.
20 replies
KPCKevin Powell - Community
•Created by Arctomachine on 2/2/2025 in #front-end
Resize block after text wrap
Tried 0 1 auto and tried revert, they both give same result as initial problem has
20 replies
KPCKevin Powell - Community
•Created by Arctomachine on 2/2/2025 in #front-end
Resize block after text wrap
But I still need to wrap when it is too long to fit into one line
20 replies
KPCKevin Powell - Community
•Created by Arctomachine on 2/2/2025 in #front-end
Resize block after text wrap
There already is hr for that
20 replies
KPCKevin Powell - Community
•Created by Arctomachine on 2/2/2025 in #front-end
Resize block after text wrap
20 replies
KPCKevin Powell - Community
•Created by Arctomachine on 2/2/2025 in #front-end
Resize block after text wrap
Better picture of final result
20 replies
KPCKevin Powell - Community
•Created by Arctomachine on 1/31/2025 in #front-end
Make overflow without absolute max-width
I think so too, somewhere in bundler probably
17 replies
KPCKevin Powell - Community
•Created by Arctomachine on 1/31/2025 in #front-end
Make overflow without absolute max-width
Went to browser style tab, typed same styles and saw it working. Then put them back into code and it kept working
17 replies
KPCKevin Powell - Community
•Created by Arctomachine on 1/31/2025 in #front-end
Make overflow without absolute max-width
🤷
17 replies
KPCKevin Powell - Community
•Created by Arctomachine on 1/31/2025 in #front-end
Make overflow without absolute max-width
I was sure I could not reproduce it because it is normally correct workflow. And after I tried in codepen, my project started working too
17 replies
KPCKevin Powell - Community
•Created by Arctomachine on 1/31/2025 in #front-end
Make overflow without absolute max-width
<meta name="viewport" content="width=device-width, initial-scale=1">
17 replies
KPCKevin Powell - Community
•Created by Arctomachine on 1/31/2025 in #front-end
Make overflow without absolute max-width
Yes
17 replies
KPCKevin Powell - Community
•Created by Arctomachine on 1/31/2025 in #front-end
Make overflow without absolute max-width
100% makes no difference when applied to any parent below that one with absolute value. And if absolute is not set, it stretches whole page instead
17 replies
KPCKevin Powell - Community
•Created by Arctomachine on 10/26/2024 in #front-end
Responsive nav bar without code duplication
I tried some approaches and made it work by pulling it out of flow with absolute positioning. Although it looks more like modal than part of header
22 replies
KPCKevin Powell - Community
•Created by Arctomachine on 10/26/2024 in #front-end
Responsive nav bar without code duplication
I will use js for toggling. I think about classic shelf that opens over main content without shifting it. But still, what is best suited solution for it?
22 replies
KPCKevin Powell - Community
•Created by Arctomachine on 10/26/2024 in #front-end
Responsive nav bar without code duplication
And collapsibility? Toggling display of this section? Animating height? Something else?
22 replies
KPCKevin Powell - Community
•Created by Arctomachine on 10/26/2024 in #front-end
Responsive nav bar without code duplication
How does grid help to achieve it? I understand ordering part, but what is required to make collapsible part with grid?
22 replies