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

Review code from frontend mentor

I want to review css code. Can someone review my code?...

React Redux with boolean values

so basically i am trying to do when quantity of my cart is >= 1 and if proceed is clicked to make quantity again at 0 export const cartSlice = createSlice({ name: 'cart', initialState: {...

How to add delay before redirecting to another page

```js <script> function checkPassword(){ var password = document.getElementById("logginpasswordinput").value; var message = document.getElementById("message");...
No description

Position in css

can anyone give me a nice explonation regarding position in css, i've been coding css since forever and i really struggle to understand position which is kind of weird ik.

What causing the overflow of navbar after deployment?

I have been cloning a homepage front of dentistry site , while developing the navabar works fine as responsive but later I deployed it on vercel and open it on mobile the navbar is overflown. Deplyed link :- https://polyviou-dentistry.vercel.app...

I'm very lost in css.

I need help, at this point I'm completely lost in how to get into css. Not only is there a LOT about css, a lot of it interwieves itself in complex ways. No idea where to begin, i want to have a great understanding if possible. Seems like i can somewhat mingle a layout together but then text just straight out ruins everything about it with all its wrapping and overflowing, searching up how to control leads to font sizes which is a whole other mess....

has anyone used next-cloudinary with next js ?

i have issue with CldUploadWidget it is showcasing in the ui but unable to browse images drop or drag nothing working even buttons through

Footer not sticking to the bottom

Hello guys, For some reason, when there is not a lot of content a page, the footer sticks to the middle. When there is enough content, it is fine. Here is the footer. ```<!DOCTYPE html> <html lang="en">...
No description

java script switch

hello im new to js and following a tutorial on switch js ,i made a code that tell you which day you are in by entering number and i added a default which says this is not a day whenever you enter a number not listed ,for some reason when i enter any listed number like 1 it says "its not a day" could you please help me debug my code . https://codepen.io/ilyas-draissia/pen/XWLaJeJ?editors=1010...

Need recommendation for my new webapp

Hello guys !I need help on a project I am currently undertaking. I aim to develop a simple website that allows users to book appointments using a date picker. The booking results should be sent via email to both the user and the website administrator. I would appreciate your recommendations on any additional requirements or technologies that would be beneficial for this project....

Suggest me 3 frontend projects so i can add them in my resume to get my first job.

I want a job as soon as possible but i dont have any projects in my resume can you suggest me 3 projects so i can add in my resume to get my first job on good pay scale.

How as a 1 year front end developer sharpen the skills

Hello everyone i have experienced using html css and bootstrap but as you all know I'm still lacking sometimes to build good front end landing page website or projects of my own and guide me also how can I find and get projects so that I use my expertise I have previously build some projects of my own you can check by clicking the link below: https://extraordinary-kringle-f2eb73.netlify.app/ https://darling-salamander-7811c7.netlify.app/...

Creating a Array of objects from the union type.

Consider
type Gender = "Male" | "Female"
type Gender = "Male" | "Female"
I want to create a custom array of object with a prop value to be in Gender Union...

how to add classes in react

<Link to="/" className={(pathname === '/') ? 'active' : ''} ><li>Home</li></Link>
<Link to="/" className={(pathname === '/') ? 'active' : ''} ><li>Home</li></Link>
i want to add classes to link tag but im not able to do it.. help...

What's causing the different sizing of my left panel on two different pages?

Home: https://blacklodgeresearch.github.io/website/ About: https://blacklodgeresearch.github.io/website/about/ Same template HTML. Same CSS. Different content on the right. The "about" page having more content pushes the left panel over, and that's not what I want. ...

Using API's

Hey everyone, Right now I'm currently trying use a few API's with a streaming program called Lumia Stream. I'm still fairly new to working with API's, and have a few questions. Right now I'm trying to use the newly released Threads(.net) API, as well as the Instagram API for some potential automations....
No description

Drawer div

Ok so basically imagine this. There are 2 different sized divs. One at top (200px x 50px), the other at bottom (200px x 200px). The bottom div has a content in it, lets say a canvas. What I want to know is, how can I make it so the bottom div could move up and down. But when it moves up, like a magic drawer the contents behind the top div shouldn't be visible. If I just did a basic translation, due to bottom being bigger, the contents will be visible from outside. I also can't really resize the bottom div due to its contents (in this case canvas, the drawing inside would get squeezed)...

Getting white space when keyboard appears in mobile browser

I have this chat app in HTML CSS and JavaScript, when I click the input field in mobile the virtual keyboard appears but it is adding a white space. How to remove this whitespace, any idea? Here is the codepen: https://codepen.io/jawad-ul-hassan/pen/JjQvaNr...