KPC

Kevin Powell - Community

Join the Kevin Powell - Community server to ask questions!

Join

KPC

Kevin Powell - Community

Join the community to ask questions about Kevin Powell - Community and get answers from other members.

Join

front-end

resources

back-end

ui-ux

os-and-tools

Trazos

3/20/2025

space on font

how can i remove that space on the bottom of the word, i tried everything, its because the font ? im using Josefin Sans Variable, in montserrat happend the same to me

Zach

3/20/2025

Are these all the Web Storage APIs?

Storage API and: * Sesson * Local * Cookies * IndexDB...

McMarty

3/19/2025

Replace Hamburger Menu with a Menu Page?

If I were to replace a hamburger menu with menu page, would that break the Universe? On my future hamburger menu, I will have either Sections or quite likely a nested accordion with Section, Sub-Section, etc. The problem with a hamburger menu, is that if someone clicks on the "Business" section, and then the "Finance" sub-section, and they want to navigate backwards, a hamburger menu breaks things as it will take them to the Home page....

McMarty

3/19/2025

Expand first item in Nested Accordion

I am considering implementing a nested accordion menu inside a hamburger menu, and want the first item to be open so to make people a little more conscious that you can expand the submenu. Here is a sample that I like, but of course I want to customize it... https://codyhouse.co/demo/multi-level-accordion-menu/index.html...

Daryl M

3/19/2025

Vertically centering elements using CSS Grid

https://codepen.io/malibiran/pen/OPJvRgy On desktop screens, I am trying to center both card-benefit-img-wrap +.card-benefit-view-jobs-wrap vertically as group (not individually), but I can't. Can someone please help?...

Taras

3/19/2025

Responsive dynamic columns with css

Hello, everyone I have a page where user can add or remove columns. It may be up to 6 columns. All of them should fit in a screen without wrapping. I want them to take equal space of a screen. For example, when user has 2 columns - each should be 50% - gaps, with 4 columns - 25% - gaps. ...

Coach Tugnut

3/18/2025

Best Javascript Practice websites

Hello, I'm a beginner to Javascript and I'm looking for websites to practice javascript. Which ones do you recommend?...

marvxkiyi

3/17/2025

How do i achieve this text particular animation

Hey everyone, I'm working on a text animation effect and could use some guidance. I want the text to be revealed using "X" characters instead of dots or a fade-in effect. Ideally, these "X" characters would be rendered as a custom SVG. Current Challenges:...

chikanlegbees

3/17/2025

React socket.emit() not working when app is refreshed ?

hey guys so im currently using socket.io for a real time chat app and my issue is that i have a useEffect which runs only on component mount okay and that fires socket.connect() and then socket.emits an event but for some reason when i refresh the app the component mounts right? and that should fire the emit event right? but it doesnt? its not received in the backend for some reason ive added console.logs to ensure my useEffect runs and it does but in the backend i dont get any logs from the event it should catch 😦 now it does work when i visit another component and get back to the component that has the socket event but for some reason it doesn't work on app refresh in the browser ...

Nass

3/16/2025

BLOB URL CAPTCHA AUDIO

I want to extract the audio from a captcha audio the only problem is that the audio is not in the DOM whatsoever and the only thing i can find is a blob url of it in the Network tab in chrome dev tools im currently trying to find a way to extract that url so i can download the audio and do whatever i please with it afterwards any sort of help would be appreciated

StainingLamb272

3/16/2025

Fixed Footer

Hi, I've searched the web a lot but can't get the result I want. I want the footer to appear at the bottom of the page when the content does not fill the page, but I always have a scroll bar and space under the footer. However when I have a lot of content it works as expected. I scroll down and the footer is placed after the content with no space under. Can someone tell me where I'v e gone wrong? Thanks...

index.html

supreme_luffy

3/15/2025

my images are floating on top of navigation bar because i use position can someone help me.

Vito

3/15/2025

Layout on mobile browsers breaks when grid-template-columns is not explicitly set.

The first two images show the layout on mobile. When there is no nested text the layout is fine and doesnt overflow, however as soon as I add text inside the image card, the content overflows. NOTE: this is only an issue on mobile browsers. it is not an issue on desktop versions of safari, chrome, and firefox which makes it even harder to test for me because it looks perfectly fine there. Here is the code that doesn't work. ...

CompTechGuy

3/15/2025

Amazon store website one feature

Hey I guys I have question of how the Amazon nav bar which has some list below the search removes and adds the elements back when the screen viewport changes it removes or adds some element when it is resizes horizontally

roelof

3/14/2025

Overlapping css grid problem

Helllo, I try to make 3 div's overlapping each other. So far I have this : https://codepen.io/RoelofWobben/pen/JojOzqz ...

Konichiva@#@

3/14/2025

SlamBook for Farewell

Can someone please help me in creating a website for farewell where people can write whatever they want to in a notebook themed page and people can create their own slam books in subdomains of the website. I'm very new to html and actually im grade 10 so if someone would collaborate with me it would be nice. I have created the basic layout of the notebooks.

vince

3/13/2025

Parallax / floating effect

I'm trying to make a really simple floating effect where a foreground element moves at a different speed than the background. I understand I can use background-attachment: fixed for a parallax effect but I don't really want that; I just want the foreground elements to move at a different speed (if they have a .parallax class). https://codepen.io/vince1444/pen/bNGYwBa I can't seem to get this to work, and all the resources out there are honestly pretty bad; I can't seem to find anything that works well....

Pat66

3/13/2025

Begin on Lenis scroll

Hi everyone can I have some help I want begin on Lenis scroll but is difficult for me
I want recreate these effect...

Abdul Ahad⚡

3/13/2025

Position: fixed is not working as expected

I'm trying to recreate this animation. when hovered on triggered element, I'm switching between display: hidden; to display: grid; for the video element. I've given it, position: fixed with full height and width. but it's behaving like absolute. ...

markeya

3/12/2025

Extra space, missing space and breakpoint adjustment

This is an attempt to practice building a very basic blog for the first time. (Mostly for grid practice). Code: https://codepen.io/Mcoding-300/pen/JojOKGB borders included so that you can see what’s going on What do you think is the most recommended way to fix these issues?...

Gaming

Programming

Kevin Powell - Community

Join the Kevin Powell - Community server to ask questions!

Kevin Powell - Community

Join the community to ask questions about Kevin Powell - Community and get answers from other members.