KPC

Kevin Powell - Community

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

Join

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

Mert Efe

4/30/2023

For media query min-width or max-width is better to choose? And is consistency important?

Can I use like %30 times min-width and %70 times max-width in my stylesheet in media queries?

samidev

4/29/2023

Why i cant install gatsby-remark-reading-time?

i've been trying for so long and still cant install this plugin

Myndi

4/29/2023

SCSS error

Does anyone know why do I get this error? https://codepen.io/myntsu/pen/BaqdKOw...

beans

4/29/2023

async javascript

could someone help me understand anything and everything about asynchronous js

Aldrin

4/29/2023

Get innerHtml with forEach loop

I want to get the innerHTML of h1 element here, what am I doing wrong here

Mert Efe

4/29/2023

How to make this first grid item have flex-start and the second one flex-end with grid-template-col?

is it possible to decide the grid-item placement from here while doing grid-template-columns? display: grid; grid-template-columns: repeat(2, 1fr); I want to make it so first 1fr is flex-start and other 1 fr is flex-end (justify self: flex-end)...

Anubhab Roy Chowdhury

4/28/2023

Whiteout background on hover over buttons/menu components in Chakra UI

While using either buttons or menus(even with many other components) when I hover the mouse over the component a weird grayish color comes in the background and I can't find any props for that too.

Taro

4/28/2023

Overflow-x: hidden causes vertical scrolling

Hey! I'm working on a website, and I have two problems I'm trying to figure out:
1- I have a hero section where I position some decorative SVGs using position absolute, and I need them to overflow over the viewport, so I use overflow-x: hidden on the parent I end up with vertical scrolling on only the section, Why is this behavior happening? ...

! Bazinga

4/28/2023

Ionicons not working with "classname" in Reactjs.

I had className in my JSX on Ionicon element but it was never read properly by browser so I changed the directive's name to class and it worked . Why is this happening? Supposing that in React we always use className instead of class.

WetPoloShirt

4/28/2023

Can an HTML page have two <header>'s?

I have to recreate the page shown in the img for a school assignment. If i already used 1 <header> at the top of the page, can i use a second <header> in <main> for the iphone section?

zekeswanson

4/28/2023

Stuck on animation.

Hi everyone! I'm a bit stuck on what key frames I should you to make an animation appear like it's moving towards the flex box below (pictured in the comp). My code is in hubl so excuse the variables. But right now I have this: {# Animation Styles #}...

jj_roby_1993

4/27/2023

CSS Media Queries

Hello there, I am trying to set up media queries for mobile devices. For some reason height: 100vh; doesn't seem to be working right. ```scss @media all and (max-width: 36.25rem) {...

althepal78

4/27/2023

tailwind

If I am using tailwind and want animate bounce to bounce once how can I make that happen

JWode

4/27/2023

React keys

Should I just trust React that the keys I've set are unique if it doesn't complain? I can't see them anywhere in devtools, and was just a bit suspicious that it had quietly allowed a mistake of mine to slip through. Obviously I can add UUID or w/e, but was just interested in whether it's visible at all?

sivacharan_3987

4/27/2023

Why does My multi level horizontal navigation menu is behaving like this?

this is My code for multi level horizontal navigation menu https://codepen.io/siva-charan/pen/zYmzwOM the above one is working fine. But when I am removig position:relative on main menu it is behaving like in the output image https://codepen.io/siva-charan/pen/vYVZmyG...

SneaX

4/27/2023

Discord oauth 2 error

Hey there, I have a working website that uses discord oauth authentication using next-auth.js and the sign in button redirects it to localhost even though I have changed the redirect uri and nextauth url to match my new domain name. Could anyone suggest a solution for this

MuhammedAlaa

4/27/2023

React issue

why the products is logged 4 times not 2 ?

Stefano

4/27/2023

MAPBOX JS

Hi Everyone. When I render a marker with specific coordinates on the map using MAPBOX, I want the map to automatically redirect to those coordinates, just like in Leaflet JS, which I am more familiar with. If you are aware of the set View function that exists in leaflet JS that's is what I am looking for. In any case, I'm hoping that MAPBOX has a comparable feature that I could use for my project....

indee

4/27/2023

how to set full page width and height ?

how to set full page widht and height ? i have been told that using ```body { width: 100%;...

Malik

4/26/2023

filter two things

I've got an array and I'm using filter() on it to get a new array. I'm comparing it from a value from input with the name property in the array. but I want it to use another value too to check if it includes that from the property tagname, what should I do. ```js result = data.filter( card => { return card.Name.toLowerCase().replace(/ /g, '').includes(inputvalue)...

Previous Next

Gaming

Programming

Kevin Powell - Community

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

Kevin Powell - Community

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