Kevin Powell - Community

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

front-end

resources

back-end

ui-ux

os-and-tools

Skriti mož
Skriti mož
View on Discord
1/22/2024

color-scheme: dark light; and user enabled theme change with JS

Hi, I want to ask what the best way to do the following is: 1. I want to use 
color-scheme: dark light;
color-scheme: dark light;
, 2. have JS recognize which scheme the user has enabled 3. based on which scheme the user has, a button would be used to change to the opposite theme....
Bismuth
Bismuth
View on Discord
1/22/2024

How to make such auto-scrolling given fixed height of container ?

https://www.eletypes.com/ In this site when you type and reach second line the first line automatically pushed up. I'm using react to build such application and I don't know whether it can be done from css or js...
No description
Anonymous DEV
Anonymous DEV
View on Discord
1/22/2024

can someone explain this animation

can somone explain the animation on text how it can be made https://www.figma.com/proto/LNCj0IOeaxnhBV26wlglcR/Donut-Landing-Page-(Community)?type=design&node-id=1-63&scaling=min-zoom&page-id=0%3A1...
Takyon_is_Online
Takyon_is_Online
View on Discord
1/22/2024

Having a difficult time understand sizes and which units to use

I really struggle with what values to put on the padding property? Also I don't know when I should use rems or pixels. I guess this comes from coding instructors online just throwing out numbers without explaining why. Any tips?...
OfficialHobberz
OfficialHobberz
View on Discord
1/21/2024

SEARCH BAR (the thing ive been dodging)

I want to code a searchbar with results
OfficialHobberz
OfficialHobberz
View on Discord
1/21/2024

Button Styling

I want a see through button with a red border and text in the middle and all of the buttons the same width and the text in them centered. Then when u hover over it it fills it red and the text turns white
Nikita
Nikita
View on Discord
1/21/2024

Next js <Image/> warning - If you use CSS to change the size of your image, also include the styles

I created issue on github with minimal example Let's solve this issue there - https://github.com/vercel/next.js/issues/56025...
althepal78
althepal78
View on Discord
1/21/2024

can you defer a sass media query

I am trying to do what I saw KP do in his folder setup, however, my media query goes a head of my actual code. I have separated it and I have to use the @use on the top meaning when it imports the query for some reason haves to go on top in the css file. ```scss @media (max-width: 650px) { header { background: blue;...
OfficialHobberz
OfficialHobberz
View on Discord
1/21/2024

Trying to get my backround and image neat but it wont work

No description
Takyon_is_Online
Takyon_is_Online
View on Discord
1/21/2024

CSS grid item not spanning across my browser

Hello, I defined in my grid container that I wanted 5 explicit columns each of them are sized 1fr. When I tried to span my image across the browser by putting grid-column: 1 / 5; It does span the entirety of the browser and all my other grid items are pushed against. Can someone help me with this? https://codepen.io/davesamuels1998/pen/OJqgOOR...
Crume
Crume
View on Discord
1/21/2024

contact form email doesn't have the message from a textarea input

my contact form works, but the email i get doesn't have the message from the textarea included. what is the problem here? html ```html <form onsubmit="emailSend(); reset(); return false;"> <input type="text" id="name" name="name" placeholder="Name" required>...
Timo
Timo
View on Discord
1/21/2024

want to change my border when the code is correct but dunno how to get id without to keep it in html

🙂
No description
Bismuth
Bismuth
View on Discord
1/21/2024

How to make such Invisible Input and cursor ?

https://monkeytype.com/ I see no input box here but I'm able to type, I don't think it is event listener. I found alternate Project which is clone of above site https://github.com/thisissteven/monkeytype-clone/blob/main/app/src/components/Game/TypingInput.tsx#L164...
No description
Greener
Greener
View on Discord
1/21/2024

Login Page

I want this developer.html to go to index.html when I press login if the username and password are correct. here is the code ```html <!DOCTYPE html> <html>...
RMON
RMON
View on Discord
1/21/2024

Is it possible to make a img gallery only using HTML/CSS and still having it look cool?

I just wanted to know would it be possible to create an img gallery with only html/css and still allow the user to interact with it? For example they can click on an img and the img pops up to the center of their screen
Timo
Timo
View on Discord
1/20/2024

wanna get more space between my anchors (a)

dunno with wich css words i need to do it
No description
jacob
jacob
View on Discord
1/20/2024

Sticky Floating Navbar Disappearing

I want to create a floating sticky navbar for my website. The problem is that once I scroll past the full viewport, the navbar disappears. I am using react and panda-css. ```js <nav className={css({ display: "flex",...
clevermissfox
clevermissfox
View on Discord
1/20/2024

Margin/Justified issues

https://codepen.io/Miss-Fox/pen/NWJgRjB?editors=0100 So I'm trying to emulate a swipe so that if one of these ".item"'s has focus, its translated over to show the user the very end of the list. I am up to my neck into margins and "justify-content" "justify items" "justify self" and for the life of me cannot figure out how to fix it. I want the behaviour of ...
gtyassine
gtyassine
View on Discord
1/20/2024

Hover prb

Hello, i have prb when i hover the picture the size increase and the border-bottom-radius appear and that's is not correct here is the css code the correct is when i hover the picture should be scaled without change the size please f you have any solution .container .banner-2{ position: relative;...
No description
MD
MD
View on Discord
1/20/2024

Getting content more centered layout

im trying to get this layout more centered with some gap between city text and the tables of weather data (pico css styled tables). My goal is some space between the two tables and the city text to be more separated and pronounced to the user. below is a screenshot of the current resulting layout and code. Please let me know what I can do to improve things to reach the goal. I'm terrible at css and can't seem to figure out and my goal is more backend
No description
PreviousNext