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

Text Transparency

How do i archive the text transparency in the picture

Should I seperate CSS Files?

whats the best solution when using clean css. I have 1 page of html which consists of 6 sections. should I seperate the css files on each section? or should I just put it all the css in one file.css?...

input tel help js

https://codepen.io/AnthonyBAC/pen/yLRQvNV code hello !! I was trying to make this input, and everything turned out fine until I saw that the cell phone contact number in the input changes it to the landline phone number (home) of my country, what i need to do to make show the +56 number instead of (2)...

drag and drop react

How i can to devide the distination line when i drag the source element side element in desitnation dynamically and if row of distination the element take full with like this picture

Problems with smaller screen layout causing pages to disappear into vertical negative space

Sandbox: https://codesandbox.io/s/focused-blackwell-ongpok I am having issues with my site. Once I switch to smaller screens and the site adjusts from my media queries... my About and Portfolio sections, which I want to just scroll, suddenly are disappearing up into the negative vertical space above the browser? Curious why this is happening and what I can do to fix it? ...

React export

Hello! This is taken from codecademys intro course to React. In the app.js file, this code example is used: ```js...

I don't understand this 1 line in the svelte code

Ignore the comments. Why numbers=numbers is used in the function `<script> let numbers = [1, 2, 3, 4]; ...

Animation Help

I want to replicate the same animation in this website: https://pipe.com/ If you scroll, there is animaiton of progress bar. The animation stop when the section is not in viewport and resume when in viewport. I did the same. But this animation is glitchy. Also its not working properly, when not in viewport and then scroll to again in viewport....

trying to solve css

so if I have ```html <div> I work fine <h2>...

For full page slider to use background-image property over a normal <img> ?

Would it matter at all or background-image is better to use in this case?

how can i make it smooth on mobile

the pen https://codepen.io/-bloop-/pen/KKGGYpj now it's the backdrop-filter that's causing the problem.. How can I make it smooth??...

Input autocomplete

Hello I have my input with transparent background and on autocompletion I was struggling with it changing color to white. I fixed that with background-clip but now my font-size is changing before and after clicking on suggested autocompletion. Is there any way to fix this?

does it work for unsotred array?

```js function findMe (target, start, end){
if(start > end) return "Not Found" ;...

Event listener not working after inserting html via js

Label modal is opening at first and label is being appended to parent. when i click on save button im reseting the entire label-create html so that when Add card is clicked previous label doesnt show and i think this is where the issue is, i cant figure out how to work aroud this https://codepen.io/avinash-tallapaneni/pen/VwEGMoK around 45th line is where the issue happens...

Binary Search vs For loop

so I did this ```js const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100] console.time('findMe')...

loops and forEach

if i have for example , ```js for(let i = 0; i<10; i++){
for(let j = 0; j < 10; j++){...

Why border radius now working on table

border radius not working on table th element

help with input

Hello, I am practicing html, css and js making a page, and I would like to learn how to integrate that into my input, when I press it, my country code appears and the first two main digits of each telephone number, what would be the way correct to do that?

problem with my page

Hello, how are you? I have a query, I am creating a page and a problem has just occurred, every time I add new code the whole page gets messed up and creates another scrollbar apart from the scrollbar of the original page

Seeking best approach to styling dynamic CSS content

I'm designing a website in Webflow. The site has card elements that each have assigned colors that correspond to their "rating". The current colors, however, aren't color-blind friendly. I'd like to add patterns to each card to fix this: zig-zags, Xs, Os, things like that, such that the texture can provide some context. I'd like to code this in CSS using gradient patterns, but I'm not clear on the best approach to accomplish this other than creating the illustrations and loading those in. My hunch is to do something like...