13eck Comments - Answer Overflow

13eck

Explore posts from servers

CC#KPCKevin Powell - Community

Posts Comments

KPCKevin Powell - Community

•Created by Myra on 4/1/2025 in #front-end

Notes App

👍

10 replies

KPCKevin Powell - Community

•Created by McMarty on 3/31/2025 in #ui-ux

Working with Off-Screen Tabs

Personally I'd rather see all the options at once instead of needing to scroll. Unless there are too many options at which point I won't even bother. Flex that 💩 and let them wrap where needed so your users can see it all

6 replies

KPCKevin Powell - Community

•Created by Myra on 4/1/2025 in #front-end

Notes App

That might be a caching issue on your local machine. Do a hard refresh of the page and see if that helps

10 replies

KPCKevin Powell - Community

•Created by Myra on 4/1/2025 in #front-end

Notes App

Also, you really have to stop putting width: 100% or width: 100vw on block elements. They're already 100% width :p

10 replies

KPCKevin Powell - Community

•Created by Myra on 4/1/2025 in #front-end

Notes App

I don't see an issue with the dark theme, either. Looks rather nice to me

10 replies

KPCKevin Powell - Community

•Created by Myra on 3/27/2025 in #front-end

Toggle switch not working

Yeah, no, that's not gonna happen with the current LLM tech. LLMs learn from what's on the internet. There's more shit code out there then good code, so LLMs will almost always give you bad code. Garbage in, garbage out. Until Kevin or Rachel Andrews teaches the LLM specifically (or someone else who's equally knowledgeable about good CSS) LLMs will never be better than someone who puts a moderate amout of effort to make it good.

19 replies

KPCKevin Powell - Community

•Created by Ishmael on 3/31/2025 in #front-end

I need Hero Slider Component

Please check #resources to see if anyone shared one. Otherwise you can ask in #discussions As this channel is for code-specific questions I’m locking the thread

2 replies

KPCKevin Powell - Community

•Created by MeiFTW on 3/29/2025 in #front-end

Popup Overflow Horizontally

Please make a minimum reproduction on codepen so we can see what the issue is. Right now we can't help besides give vague suggestions since you've not given anything beyond "it doesn't work". And without seeing the code we can't help make it work.

10 replies

KPCKevin Powell - Community

•Created by Myra on 3/27/2025 in #front-end

Toggle switch not working

Yeah, I’d use something like

.flex-container > * {
    margin: 2em;
    padding: 1em 3em;
}

.flex-container > * {
    margin: 2em;
    padding: 1em 3em;
}

19 replies

KPCKevin Powell - Community

•Created by Mehrab on 3/28/2025 in #front-end

Heading tags in different parent elements?

As long as you're using proper semantic elements (IE not having more than one H1) and respecting what a section means there's nothing wrong with it.

40 replies

KPCKevin Powell - Community

•Created by Myra on 3/27/2025 in #front-end

Toggle switch not working

Holy crap! I've apparently been sleeping on nesting CSS! I didn't know you could prepend the &!

19 replies

KPCKevin Powell - Community

•Created by Myra on 3/27/2025 in #front-end

Toggle switch not working

That's true! Nesting has been widely supported for over a year now. Some browsers have supported it for over 2 years

19 replies

KPCKevin Powell - Community

•Created by MC23 on 3/28/2025 in #front-end

Styling complex/dynamic element

Now that it's in production you can take your time to fix it and push the fix. Or just leave it :p

11 replies

KPCKevin Powell - Community

•Created by MC23 on 3/28/2025 in #front-end

Styling complex/dynamic element

If you want a rigid layout structure than flexbox is the wrong tool, use grid.

11 replies

KPCKevin Powell - Community

•Created by Myra on 3/27/2025 in #front-end

Toggle switch not working

👍

19 replies

KPCKevin Powell - Community

•Created by Myra on 3/27/2025 in #front-end

Toggle switch not working

Made a few changes to the CSS to remove all px lengths and started with my prior JS for the clock. Added a shorter event listener for you https://codepen.io/13eck/pen/jEOvQxz Used the classList.toggle() function to toggle dark-theme. If the class exists, then it's removed. If it's not there, it's added. Then used a ternary operator to basically do the toggling so you don't need an if/else block

19 replies

KPCKevin Powell - Community

•Created by Myra on 3/27/2025 in #front-end

Toggle switch not working

Best piece of advice I can give for CSS is that you should always add things, not take away. Need more space? Add more margin. Need a grid? Add display: grid;. Once you start removing things (because of the cascade) you might just be removing something important that you don't realize until you need it—and it's not there.

19 replies

KPCKevin Powell - Community

•Created by Myra on 3/27/2025 in #front-end

Toggle switch not working

pro tip, don't do this:

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

You should never nuke padding and margin on your site. Those are important. Nuke 'em like that and you have to add it back to literally every element. Paragraph space? Gone. Indenting for lists? Gone. Any space anywhere? You guessed it: gone

19 replies

KPCKevin Powell - Community

•Created by Myra on 3/27/2025 in #front-end

Toggle switch not working

Please provide a minimal working codepen so we can fork and make changes

19 replies

KPCKevin Powell - Community

•Created by Myra on 3/26/2025 in #front-end

Digital clock

And you can add an options object to the .toLocaleTimeString(undefined, opts) call to change how the time is displayed.

15 replies

Gaming

Programming