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

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...

How to make a section responsive to screen size?

Hello, I have a section with text and Image side by side. (Text on the right, image on the left) I know how to use CSS @media max-width and min-with but I am using display flex on the section to make the image side by side with the text and it doesn't work now. HTML code: https://pastebin.com/sZm8TS75...

Brief question about SVG's

Should I bother try to learn to create SVG's or is there any good website to get SVG's

How React ROUTER works??

Hi guys, I am using Router for the first time in React, but I am having issues with it. First, I installed React-router-dom in the terminal by using this command here
npm install react-router-dom localforage match-sorter sort-by
npm install react-router-dom localforage match-sorter sort-by
...So, it should be working perfecty, but it doesn't. As you can see in the image below,should be appearing the message in the h1 tag. What can I do to solve this?

Concept understanding: ES6 Modules

I'm taking a class on NodeJS, which uses commonJS syntax in order to import and export modules.
ES6 syntax can also be used to import and export modules as well, however only on Browser-run JS with the needed <script type = "module"> attribute. ES6 syntax is not recognized in NodeJS since NodeJS was released prior to ES6. Else, if ES6 syntax can be used in a non-browser context, it would have to be for a different "runtime environment" than NodeJS. ...

Display Bug

Hey guys i recently started a refresher course on NEXT-js and finished the first project i had but ran into a super weird bug ive never seen before, on mobile when using the base safari browser my code looks broken but when i open the same page in an incognito window, it looks as it should, has anyone ran into this before? im including a video showing both windows.

Does this slider requires JS or pure css ok with it?

Problem is i need auto loop, and besides when moving between navigations , the page moves downwards? a bit weird ```js <div className='homepageslider'> <div className='homepageslides'> {slides?.map((slide, index) => {...

Anyone know what could be the reason for this behaviour?

so im pushing an object inside an array when save button is clicked. first time clicking on save button pushed the object once, but on second time its pushing the same object twice and so on. Also the labels is not updating. can someone help me figure out where the issue is? codepen is specifically for label https://codepen.io/avinash-tallapaneni/pen/VwEGMoK...

how does the browser calculate width of flex items?

https://jsfiddle.net/FreTimmerman/1uo87vfb/12/ asking this for a friend. he (and i) wants to know why on the top row, the text is wrapping however the element itself is much wider how can it be solved that the block only takes the space needed for those 2 lines of text? min-content obviously doesn't work since it then wraps into 3 lines...