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

i want to move this to the end of the orange block. how should i do that?

note: with JS i can change width of the orange block. So the pointer has to be at the end of the orange block. how should i do this? https://codepen.io/avinash-tallapaneni/pen/ExRomwX...

HSL and class number system

why that number system; the hue, saturation and lightness become larger in the colors, but clr number in the class gets smaller; feel like doing it the opposite just curious ```:root { --clr-accent-500: hsl(12, 60%, 45%); --clr-accent-400: hsl(12, 88%, 59%);...

Need help with creating a progress bar

Im trying to add a small triangle to the marked div but im having issues with it. CAn someone help me out ? this is how it should look https://codepen.io/avinash-tallapaneni/pen/ExRomwX

Image is not centered

Please tell me what is the error, I can’t center the image, margin 0 is ignored and does not work https://codepen.io/Mister-Eighth/pen/zYJoLmw...

H1 turning blue outside of class scope

Am I going insane? Why is this happening? I only want the p and h1 in the "one" class to turn blue. Codepen: https://codepen.io/SirFloki/pen/VwGjYJp...

hot to get svg when it is in g elemenet like paypal site

https://www.paypal.com/us/webapps/mpp/home i want to get thoese blue and yellow shapes and i caant find it in inspect and i dont wanna make it in css bcz it will take time so can someone help me...

Where to start?

I have good grasp on Html, CSS and Javascript. Recently I learned little bit React and was able to make a single page web appliction. Now , I am looking for a new course that would help me to become a proper frontend developer. Any suggestion where do I start from?

importing file in typescript

hii everyone! anyone can help me to figure out the solution. I'm importing the file in typescript but getting error Module not found: Error: Can't resolve './components/Header' in 'C:\Users\nidhi\Documents\my-projects\estate-website\src' even the path is correct import React from 'react'; import { Box } from '@mui/system'; ...

Font awesome sun icon not showing

```<div class="search-wrapper"> <form action="" class="search-form"> </form> <button class="dark-light-mode">...

Shrink Header on scroll

Hi guys, I'm new to this server. I"d be glad if you help me create this animation. I've been struggling to do it for long but couldn't succeed. I Tried doing it with this code. .hero-shrink {...

struggling with a shape in a site

how to make this blue shape in the beckground and make it responsive https://www.paypal.com/us/webapps/mpp/home...

Help with accessibility: Possible heading

I'm using Pa11y and a Chrome extension called Wave Evaluation Tool to check for accessibility issues. I fixed all the errors for one of my portfolio projects but I have some 5 alerts that I don't know how to fix:
Possible heading Text appears to be a heading but is not a heading element.
...

Struggling to generate new password when user clicks on button.

Hi everyone! I have my code running properly, but I'm stuck on how to generate a NEW password when once the user clicks generate password the second time. Currently everytime a user clicks generate password it increments each times and messes up the format. I'm missing the next step of the logic to correct this. https://codepen.io/ezekielswanson/pen/ExegrxB...

how to enable a div from a set of divs when corresponding button is clicked, without JS?

i have a parent div with 3 buttons and a child div with another 3 div inside child. the button 1 is active and the child div displays 3 div, when button 2 is active, child div should replace the existing 3 divs with another sets of 4 divs, etc. How should i proceed this? i used zindex but its not working as intended.

Some feedback/suggestions to improve the look

I am open to any advices anyone has to make the UI look better πŸ™‚

if i were to recreate how should i do?

how to plot values and make a graph?

How can I get the gap between my grid elements smaller?

I'm working on a project for college and I have an article and an aside which are in a grid so they appear next to each other like the reference provided (see image 1). However there is a massive gap between my elements and I can't figure out how to reduce it down to about 1 rem (see image 2). I have provided my code in this JSFiddle: https://jsfiddle.net/64huL0wa/ How can I fix this? Thanks...
image 1 (reference)

Creating timeslots on timeline with CSS

Im trying to figure out what is the best way to create timeslots on a timeline. Currently Im using a linear gradient that is transparent in certain places. Im thinking its a stupid solution. What version of these two would be best?...