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

curator

7/16/2023

how can we create this one div?

indee

7/16/2023

i have a silly doubt

what is that space above that line ?

gpz rider2

7/16/2023

Constructive Criticism

Would somebody be willing to give me some constructive criticism on the project site I've been working on. It is meant to be a reactive club home page. https://spoultney.github.io/club/ https://github.com/Spoultney/club...

meku

7/16/2023

Need help with MaterialUI's Grid component

Here's the code ```js <Grid container...

Pat66

7/16/2023

animation-delay

Hi I realise this https://codepen.io/alpha_66/pen/rNQdwBQ?editors=1010 the problem I have is to set the correct animation-delay what I want is :...

Pat66

7/16/2023

Set a font-size

Hi everyone I realise a title on my page but I have a problem with th font ```html...

vince

7/15/2023

HTML video with black bars

Hey! I have a few videos on my landing page that have weird black bars on them like shown. I've searched around and I can't find a solution that works for me. The solution I've been using has been to use a clip path, but because I have the purple bar (psuedo element that's on top of the video) it looks like picture 2. Any suggestions?

popopo

7/15/2023

how do i stop my content from sliding?

guys when i change the size of the window my 100%width image take more height space and makes my website slide down, how do i make it so i can keep looking at the same content instead of it sliding down?

Ido

7/15/2023

Z-index on different positioned elements in the same page

The problem: Buttons that suppose to be behind are in front. Description: I have a react app using Tailwind css....

gpz rider2

7/15/2023

Issues with Grid Area layout.

I'm currently working on a project for a course through Codecademy. I've set grid areas for a side bar which should only span two rows (according to my template) but for some reason it is spanning 4. ```html grid-template-columns: 0.5fr 2fr; ...

Maksudul Haque Emon

7/15/2023

Navbar weird issue

I have made a navbar component it has an array of object to render the links. My problem is every element is getting colored beside the last one I don't know what to do. I haven't faced this weird problem before. How do I fix this and what is causing this issue. Can anyone help me out please? My navbar code- https://playcode.io/1533898...

Freezing Gaits (寒い)🥀

7/15/2023

html css

im trying to fit the image inside the black box, what im hoping for is that the images will go down once the max width is reached, dont care about the height just want the images to go down when the max width is reached, or atleast have only 4 items then the others go down a section and another 4 and so on..

Matt

7/14/2023

SVG not loading properly?

Hello! I created a logo on illustrator and exported as an SVG. When importing onto my website, the logo's font looks completely different than what I exported. I'm assuming that the logo's font-family isn't being recognized? How do I go about fixing this? ...

XIPureGamer

7/14/2023

How can I modify My SVG Animation?

Hi guys 👋 I need some help. I'm trying to tweak this HTML/CSS animation (https://codepen.io/XIPureGamer/pen/OJaQqjz) to make it so that the outerWires are animated, so that they.. "grow". What I mean by this is, make it so that they "grow" start to finish in a sort of, linear way. Like branches on a tree or something, idk. I've tried adding classes (Like the one below) into the CSS file to try and scale the outer wires with/as keyframes buuuut..., I just cannot get the outer wires to animate what-so-ever sadge

:...

フセヴォロド

7/14/2023

Make links not focusable inside a burger menu

I'm trying to create a keyboard accessible menu, but the problem is if button/a/input are in that menu, they are still focusable. To move menu in-n-out I use translateX. The only solution I can think of is conditionally setting each focusable element's tabIndex to -1, if menu is closed. Yet I wonder is it the best solution out here? Codepen: https://codepen.io/Kamidashi/pen/poQaYvZ (Just Tab through and you'll get what I mean)...

Satya

7/14/2023

Intersection Observer in React

Hi! I'm trying to write a custom hook to get an intersection observer in react. I've been getting this error :

Type 'boolean | MutableRefObject<HTMLElement | null>' is not assignable to type 'LegacyRef<HTMLDivElement> | undefined'.
  Type 'false' is not assignable to type 'LegacyRef<HTMLDivElement> | undefined'.

Type 'boolean | MutableRefObject<HTMLElement | null>' is not assignable to type 'LegacyRef<HTMLDivElement> | undefined'.
  Type 'false' is not assignable to type 'LegacyRef<HTMLDivElement> | undefined'.

I can't seem to understand what's causing this. Code: ```import { useRef, useState, useEffect } from "react"; type Props = {...

Zach Jensz

7/14/2023

How are SVG outlines applied?

Å Marlon G

7/14/2023

A tag href with props

Hi! I wanna insert a prop into the mailto href in an a tag, but I'm not understanding how to split the mailto:from the prop content. Child component: ```ts type EmailAddress = {...

Moni

7/14/2023

Background image not showing without text on it

background image is not showing for column col-md-8 when i place text on it it displays only then . If i set height and width it is visible but i want to fit the image properly so that it takes 100 percent of height and width of div .check the images

Å Marlon G

7/14/2023

Custom headings (h1, h2, etc ...)

Hello! When building a component (I'm using React in Next), I want to build a component with plain text, but I wanna be able to change the heading order based on which page it is on. Example text: "I'm a subtitle"...

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