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

Nash

11/2/2023

Typescript type for array passed as string

I'm trying to convert a comma-separated string(knowing the possible variations) to an array using each element of the array as key of a dictionary of icons. Does anybody knows how to do this? const Iconos = {...

Tekyo

11/1/2023

Input label over text issue

So I find myself achieving the effect I want, as you can see with the password input, but when you write something in the email input that's not valid the label goes down to its original position, hiding the text. I've tried using :invalid pseudo element but it makes the label stay up if there's no text....

Moni

11/1/2023

col-12 ,col-sm-6 and col-md -4 grid issue in bootstrap

i have defined the classes in my div but when i add col-md-4 all of the columns are start taking equal width as col-md-4 even sm screen sizes are also taking same width as col-md-4 here is my code"`<!DOCTYPE html> <html> <head> <title>Bootstrap Responsive Grid Example</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">...

Andrew

11/1/2023

Dude, Where is my nav?

Doing a iCodeThis project and for some odd reason I went with a desktop first design. Now when do the media queries, I thought they are coded correctly but for some reason my hamburger menu does not appear on small screens. This has been a real pain to figure out why it is not working, so I though I would ask in here. TIA https://github.com/andrewteece/growth-landing-page...

Tekyo

11/1/2023

Modify the colour of a specific letter

Is there any way I can change the colour of just the dot with css?

JOY

11/1/2023

Javascript hashmap

```js function zappa(nums) { const mapObj = new Map(); for (let i = 0; i < nums.length; i++) { mapObj.set(nums[i], i);...

Boeroe

11/1/2023

I want when you click the button text to appear

I want when you click the button text to appear so I can make the divs the same height and size before the button is clicked https://codepen.io/Boeroe/pen/OJdXwBv...

Yassssh

11/1/2023

Need help with CSS Flex

https://codepen.io/Yasssh-Patel/pen/xxMOWYw?editors=0100 here is the code but the problem is TopLeft div is working perfectly but all the other divs are not working...

Av003

11/1/2023

Can't get rid of space on right!

Is anyone good at css ? I have been stuck at this problem for a long time now . And I don't know how to resolve it . I am trying to get rid of extra space on the right side in the image below but I have bi luck with it, can someone help me?

Kathirvel Swamy

11/1/2023

How to achieve smooth scrolling in react

Hi Folks, I came across this site website "https://olaolu.dev/" and i'm trying to recreate this using React and SASS. Now i have no idea how he managed to achieve the scroll for each pages. i don't know how it smoothly scrolls to next page. Can somebody help me on this...

Anonymous DEV

11/1/2023

can someone explain it to me how this is made

```jsx <div className={Css.Specifications}> <h3>Specifications</h3> <div className={Css.cards}> <div className={Css.card}>...

CDL

10/31/2023

Grid-area, why is my header not spanning across both areas?

https://github.com/callum-laing/react-first-app I think I've written the code where it needs to be, however could someone please take a look and see if you can find out where I'm missing? the header is inside Heading.jsx, which has imported inside a <header> tag in app.jsx....

CDL

10/31/2023

CSS Reset - Does anyone have a solid one?

Tried googling some, they all vary very differently, since this discord is full of chads and chadettes, I'm hoping one of you can provide a good one 😄

pary

10/31/2023

how do i give my textarea the same width as my timeline

yeah basically codepen: https://codepen.io/staticoly/pen/dywJxOb...

Aaron

10/31/2023

meta title attribute and title tag

Do these both accomplish the same thing? Should you use one or the other? Both?

Jimster

10/31/2023

TailwindCSS cdn not working

i tried using an older version of the cdn but it still doesnt work

Lawal

10/31/2023

the is() selector

Hi guys,can anyone help with the explanation on the :is() selector please.

Joao

10/31/2023

Animation causing high CPU

Hi, I wanted to include some funky looking blobs on the background of a page using blur filter, similar to how a lot of websites are doing it these days. The problem is that after a short while I notice that CPU usage is climbing for some reason. Here's a pen showing something like what I'm doing at the moment, just a couple of divs with some classes applied to blur it and make it spin: https://codepen.io/D10f/pen/vYbGqbp. I'm using Tailwind for this one, if that makes any difference but I've looked at the output CSS and looks quite straight forward as expected. ...

Nutsock

10/31/2023

Very simple flex not working and I need your help.

I am trying to achieve something that seems relatively simple, but I'm tearing my hair out trying to work out what I've done wrong. https://codepen.io/Dan-Brownson/pen/Rwvazex Issue #1...

Hamza Naeem

10/31/2023

Carousal on a mobile device

If i wanted to make carousel like this :https://mejuri.com/world/en/shop/products/chunky-medium-hoops On small screens, it becomes carousel and on big screens it shows all images in grid structure, how can I acheive this, like how to makecarousal on small screens and grid of images on larger screens?...

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