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 to select an element that is inside another element on hover?

What I have written is in this pen: https://codepen.io/anurag1989/pen/oNayPOv The main problem is when I try to select the anchor tag (which is not hovered, and each anchor tag is inside a 'li' tag that in turn is inside an 'ul' with its siblings) which is not hovered, the CSS code does not work as expected. What is the problem with the code and why it is not working?...

Dropdown is behind content

I'm making a dropdown for my navbar but it's appearing behind the content, I event gave it z-index of 1000 nothing changed. I didn't even give z-index to that content I've no idea what's happening. Codepen link below https://codepen.io/Arslan-Akbar/pen/qBJKyZj...

The best approach for this >>>

I believe this is achievable with CSS...

Backdrop-filter doesn't work unless I set opacity on color

So, I am trying to apply glassmorphism to a page, and I noticed that if I use ```css background-color: #000000; opacity: 0.5;...

can somebody help me on this one?

i can't center the step-counter, i have the same code as the tutorial but i only use the scss and doesn't work , i even tried without scss and copied the whole thing still the same? anybody knows why link : https://github.com/clapycodes/step-counter link 2 :https://codesandbox.io/s/github/clapycodes/step-counter...

JS newbie – Setters

Hello! Long time ... 🫠 So why is this get function, when called at the end through console not printing Burger and 40? The setters are called with these values before. Part of codecademy js intro course...

Why do the X lines fix when I enable the 65th line in CSS?

Can someone explain it to me why are they getting centered when I apply for position absolute? https://codepen.io/harunjonuzi/pen/NWOzwvQ?editors=1100...

Lining up buttons along the bottom.

I have 3 cards with different content. I would like to line up my buttons for one these cards on the bottom of the card and the cards should be the same lenght. Currently this is what I have: https://codepen.io/d0kefish/pen/wvYXqNe ...

Clear input field after click in the button

Hiii everyone. I am beginner in React and I am trying to clear the input field everytime I add a new task or simply, everytime I click in the button "Add". But apparently, just putting setNewTask(''); in the addTask function did not work and I wanna know why... ```js import { useState } from 'react'; import './App.css'; function App() {...

menu item over effect

Hi everyone I want realise the second effect on this video at 3:37min https://www.youtube.com/watch?v=qmtD6asybt4&t=227s...

Customizing Dev tools inspect element popup with element data?

Hi there, I was wondering if there's a way to customize the popup that appears when you inspect an element using chrome dev tools (Image example down below). What I mean is for example I'd like to have the line-height specified always there, and other fields as well. And if it's possible, always exclude other specific fields that i'm not interested in. Does chrome dev tools have a way of achieving that? Or do I have to use an extension? If so, which one do you recommend?

Little bit confused by this input width behaviour

You know how people go 'nose-blind' when there's a smell around for too long? Yeah, I think that's what's happened here... 😁 This was just me creating a small example for another separate question, when input elements fecked me off again, so... ...anyone know why the second price slider's min and max elements are overflowing their w-1/2 style, even though the other examples on the page aren't? I must just be being blind...

Cut-out discord profile effect.

I'm trying to get something like the discord profile picture, where the user status cuts the image. The code pen link contains what I've done so far. I'd like to know if there's an easy way to achieve this without svg shenanigans. https://codepen.io/sum117/pen/vYVjeJe?editors=1100...

form's child (modal) pos'd absolute, but top:0, left:0 settings still relating it to form's edges

GH: https://github.com/nnall/DevJobs-FEM.git Live: https://main--dynamic-salmiakki-7aaccb.netlify.app/ I have a child popout modal, which is a child of of a searchbar form element. When you click a certain button in the search bar, this modal un-hides and is supposed to cover the entire viewport. ...

Last JS newbie of the day ... object iteration

Final one today ... my brain is melting now. Within the for...in execution crewMember is placed within square brackets, []. What are they doing to crewMember. If I've understood it right, the statement refers to crewMember because it is a variable saving the spaceship.crew property for each iteration. But I still don't understand what the square brackets are making the crewMember into? The only guess I have is a property value, but I don't really understand ......

Form IDs: submitting, getting 2 forms to act as one

When you have form.addEventListener('submit', function(){}), the 'form' which will be submitted is whichever form held the particular type = "submit" button triggering that form submit. I have a mobile form (id = "form__mobile"), which only contains a 'title' search input and the submit button. However, there is a modal-expanding button that, if you click it, a modal opens which contains what are meant to be the other 2 inputs of that same form, along with another submit button. ...

Codepen not working

https://codepen.io/kevinpowell/pen/PoeGYGK I took this codepen from Kevin's video and is not working.

nav dot indicator query selector seems wrong

To put a dot indicator on the according nav menu when scrolling, how should the
querySelector
querySelector
be? ( i think this is where the problem is? bc the code below is not working and console showed error is included in the link below) plz help thank you in advance https://codepen.io/codedkk/pen/Baqxzjg...