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

MuhammedAlaa

4/27/2023

React issue

why the products is logged 4 times not 2 ?

Stefano

4/27/2023

MAPBOX JS

Hi Everyone. When I render a marker with specific coordinates on the map using MAPBOX, I want the map to automatically redirect to those coordinates, just like in Leaflet JS, which I am more familiar with. If you are aware of the set View function that exists in leaflet JS that's is what I am looking for. In any case, I'm hoping that MAPBOX has a comparable feature that I could use for my project....

indee

4/27/2023

how to set full page width and height ?

how to set full page widht and height ? i have been told that using ```body { width: 100%;...

Malik

4/26/2023

filter two things

I've got an array and I'm using filter() on it to get a new array. I'm comparing it from a value from input with the name property in the array. but I want it to use another value too to check if it includes that from the property tagname, what should I do. ```js result = data.filter( card => { return card.Name.toLowerCase().replace(/ /g, '').includes(inputvalue)...

Paran

4/26/2023

How to center an entire website?

Hey, it's my first time here. I want to code a blog like website and I want to keep everything in the center, I also want it to be responsive. currently I have nothing in the HTML other than the default stuff, but I'm trying this: ``` body { margin: 0 auto;...

The builder

4/26/2023

article element flexbox issue

Hi, so i'm trying to make this a flexbox with the h2 and p on the left and the image on the right but if i do this as it is, html validator yells at me saying that i need the h2 to be a direct child to the article element. How else am i suppose to group the h2 nd p within the article tags without having them in a parent div to make a flexbox? @Kevin ` <article> <div> <h2>lorem ipsum</h2>
<p>lorem ipsum veteri ingnisei</p>...

Sste

4/26/2023

Getting this ERROR when trying to play a music

I am getting this error in the console everytime I try to play a song when my timer is up. How can I do to solve it? DOMException { code: 0, name: "NotAllowedError", message: "play() can only be initiated by a user gesture.", INDEX_SIZE_ERR: 1, DOMSTRING_SIZE_ERR: 2, … } ```js...

Luka

4/26/2023

SVG body size/height

Sup, ya'll o/ How can I get rid of this strange space up/down on the svg ? Like o didn't get the difference between the other ones. https://codepen.io/rwxganta/pen/MWPmZjv...

Mert Efe

4/26/2023

Am I doing too much nesting in SCSS ?

```css &secondary { &link-list { display: inline-block; vertical-align: middle;...

Mert Efe

4/26/2023

scss unable to make chained multiple classname

&formelement&has-auto-width { display: inline-block; } the second & doesn't work what's wrong?...

john_galt

4/26/2023

Why div around flex-container breaks overflow scrolling?

I'm trying to make the flex-item be scrollable, but when adding wrapper div around flex-container the scroll is break and the entire page is scolling instead of content in flex-item Example without div wrapping flex-container: https://codepen.io/Dimi_0-o/pen/qBJmKKN ...

Aldrin

4/26/2023

Grid Layout

How to create a card layout like this in same container

Khoa

4/26/2023

How to create this weird shape in CSS?

Some similar example would be great too. I can't google it cuz I dont know what's called.

Malik

4/26/2023

Search Preview

I'm trying to make a searchbar using json data and want to show the result preview of the result depending on the input. I've been successful in using filter() to get an array and now want to use that data to show the preview like image, name etc & I've done it but, Problem: The issue is after the first input whatever array i get the preview uses that and doesn't matter after that whatever input I used it doesn't use the furthur filtered down array. Like it's now continuously not using the result array, just on the first input. Issue found: (need new solution) it does use the current result and shows the preview as i want now the issue is it does it under the previous preview and doesn't resets it. How should I get it to reset or remove the previous html on every input...

Sste

4/26/2023

Problem with a button

I am having problem with the "pomodoro" button. The standard of pomodoro is 25 minutes, but when I click in the 'short break' button or in the 'long break' button and then I try to come back to the pomodoro button which is 25 minutes and simply don't work. What is the problem and how can I solve it? https://codepen.io/Sstephanyyy/pen/MWPmaNo...

Khoa

4/26/2023

Is it possible to have dynamic letter spacing in CSS?

https://rsms.me/inter/dynmetrics/ I was looking into this Inter font and was wondering if it's possible to have like a calc() to gets me the best letter-spacing in CSS based on the font-size...

Kiran

4/26/2023

How to Achieve multiple style of cards by align 3cards in BG and 2cards on top of 3Cards in grid ?

Hi Everyone There are five cards and those need to be aligned as per the image I have provided will that be possible by grid ? or what can be the best approach to achieve that kind of style in React. Thank you in Advance....

Avinash

4/26/2023

issues with collapsing a container.

im trying to collapse the container so that all child div except title is displayed none and the first div(title) is roatated by -90deg. im facing issues where the child div is rotated but its not placed properly, i tried using flexbox properties but to no avail. i cleaned up somecode. few icons are missing, dont know how to import icons in codepen https://codepen.io/avinash-tallapaneni/pen/MWPyvQe...

Malik

4/25/2023

Two arrays

I've got one array that I fetch from my local json file. ```json [ {"name":"namestring", "img": "imgsrc"},...

Incognitus

4/25/2023

How to make <li> bullet just stay inside container, not move text ?

Recently I tried to achieve such effect with list-style-position: inside, but it appeared that in this mode bullet moves text. I want to know, if I can get desired effect with regular bullet or go further with css hacks.

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