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

help

Production CSS

Hey guys I have an issue my deployment , when I use normal safari or other browsers the css is all messed up but if I open up an incognito window it looks as it should, I’ve tested on my phone and my girlfriends phone and confirmed it Any help would be appreciated https://hyper-osint.vercel.app...

Mysterious right margin on <body>

GIT: https://github.com/nnall/GoWithGig-Nick.git Pages: https://nnall.github.io/GoWithGig-Nick/ I'm trying to figure out why I'm getting a right margin on the entire body. ...

How to fix row height in grid

hey can you help me with this actually i am learning grid and its quite complex also if you know grid please teach me . thanks https://codepen.io/ajaywork/pen/MWzwrRW hey i want both the rows to have equal height but only the first one is having 30% not second?...

Animation of text reveal letter by letter

Hi everyone I had a text reveal effect on the firdt text "we are laxer" the problem is the last letter appear before the middle letter ...

Edit input field on :focus

I want to create a input form that will have a width adjusted to the amount of text in it like in the picture

Does anyone know how to style this button?

I tried this which doesn't work quite as I expected ```html <a href={src} class="relative rounded-xl border-2 border-primary-800 bg-transparent px-7 py-1.5 font-display text-lg font-bold shadow-[5px5px#BDCE94]"...

Adding items to div with title that user can change anytime by clicking on it

Hello i wrote a code that create a new item in card and set its name to Default Task Name but i want to add function that allow user to change it anytime when he click on title. The problem is that user cant edit existing titles but only new created, and i want to make it more simple so when user click button to add it auto focus on title so he can change title before he create a card. I hope I explained it well...

Help finding class name for drop-down menu.

Hey! I have this dropdown menu that I can't inspect to find the class name, I've tried the tricks of disabling javascript, using the chrome debugger to freeze etc. The problem is that anything other than left clicking removes the drop-down menu. I think it doesn't have any styling or classes and is using default bootstrap but I cannot find it anywhere. It also seems to be using jQuery selectbox. I can style the text and background color of the dropdown, just not the blue active/hover: ``` select option, select optgroup {...

Finding correct tax bracket with iteration

Hello! taxBracket is finding the tax payed for each step of the tax bracket (stepOne, stepTwo, etc ...) What I want to do is find if myIncome is:...

Top Layer

Why are there so many top-layer tag in this. Shouldn't it be just one. The HTML: ```html <dialog class="searchModal" aria-hidden="true">...

[TAILWIND CSS] output.css not rebuilding after making changes in my main html file

Whenever I make changes and save those changes in my main HTML file, windtail does not automatically rebuild the output.css file to adapt to the changes and build the new classes. Is there something I am missing? I am pretty sure everything is setup the right way. If you know what could cause this issue please let me know, thanks!

why Kevin Powell use this in his film ->https://www.youtube.com/watch?v=h3bTwCqX4ns&t=15s

1.Why is the color configured in reset.css and not in styile.css? 2.Is the idea of configuring font as a theory available somewhere to read up on to better understand it? 3. read stuff for utili css class and it is stander or have Kevin Powell engendered for his self?...

when i use flexbox this is what happens

``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...

Flutter or RN for react dev

Hello again, im a react/next dev and im interested in the cross platform field but im confused between choosing flutter or react native even tho i already know dart , but im still not sure if changing the ecosystems is good or not for me.

border animation

How can I make the border that I have gradually build up until it is complete? Is there a tutorial or something where I can learn how to do an effect like that?

Hide Empty Row

I have a very simple 3 x 10 grid, but depending on the input I want to hide various rows that do not contain any data. Here is the HTML...

Can't I Use google maps for free anymore?

What can I do about this, any other free alternative, or is there a way to use it without paying price?

Make a div height fit contet

Hello, can someone tell what to do to make any of my div with cards scaleable with items in him? https://codepen.io/artusss0/pen/jOQEVmq...