elbi3 Posts - Answer Overflow

elbi3

Posts Comments

KPCKevin Powell - Community

•Created by elbi3 on 6/10/2024 in #front-end

Match width sizing on flex containers?

63 replies

KPCKevin Powell - Community

•Created by elbi3 on 10/7/2023 in #front-end

Slot content piling on top of other content?

57 replies

KPCKevin Powell - Community

•Created by elbi3 on 9/22/2023 in #front-end

SvelteKit and Sass setup?

Hi! I am setting up a new project that uses Sass in SvelteKit, and I am trying to find examples of config setup and file organization. I've only used Sass with vanilla JavaScript, TypeScript and React projects, nothing full-stack. If anybody knows of any helpful walkthroughs or projects I could look through on GitHub I would love that advice. There's so many plugins and config files I'm worried I'll get stuck and not be able to debug otherwise. Thanks!

88 replies

KPCKevin Powell - Community

•Created by elbi3 on 9/8/2023 in #os-and-tools

Figma Toolbar Text-Size adjustment?

Hi folks, does anybody know offhand how to increase the text size in the toolbars? All my searches are giving me information on how to increase text size in the actual design docs, but what I'd really like is to not have miniature font on the actual tool bars while trying to design. Thanks so much in advance

15 replies

KPCKevin Powell - Community

•Created by elbi3 on 8/31/2023 in #ui-ux

File Structure

Quick question for you all, is there a best practices for where to keep the assets folder in a project? I'm torn between putting it in /src or /public. Thanks!

3 replies

KPCKevin Powell - Community

•Created by elbi3 on 8/27/2023 in #front-end

(CSS/SCSS) Syntax Question on Selector Declaration

Quick question for you all: Can you chain selectors when defining a CSS/SCSS ruleset? Or did I wake up with some JavaScript madness in my brain? I wanted to do something like this:

header.hero {
    display: grid;
    grid-template-areas: "hero";
}

header.hero {
    display: grid;
    grid-template-areas: "hero";
}

I was hoping this would remind my future self that the generic "header" selector should use the class component name "hero".
Note: I've labeled this as SCSS and CSS in case there are two answers

11 replies

KPCKevin Powell - Community

•Created by elbi3 on 8/7/2023 in #ui-ux

h2 styling and media queries

4 replies

KPCKevin Powell - Community

•Created by elbi3 on 5/24/2023 in #front-end

Conditional formatting with vanilla CSS?

Can anyone point me to a function or property that will help me conditionally render styling based on how many elements a user elects to display on the page? I've been combing MDN and Youtube, but I haven't found anything satisfying. I am doing a side project with a friend that displays turn-timers for card or board games. The user selects the number of players and then navigates to a page with that many timers (one for each player). I am looking for a solution beyond implementing a single flexbox/grid implementation. I wish I could find the CSS equivalent to the switch statement in JavaScript 😭
I'd like to independently style what a 5 person gameboard+timers looks like, vs a 2 person or a 10 person. I feel that displays would look better in a round shape, some better as four squares in larger square, some better with space in the middle and the elements along the outside of a centered, empty shape. Maybe I'm asking too much of the language? If my descriptions are too confusing, let me know and I will draw out some diagrams. Thank you in advance 🙏

5 replies

Gaming

Programming