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

RobyDobyDingo

2/5/2023

next js with reactDOM portals

Hello everyone! I need your help, currently I'm working on a next js + mui project, where I need to throw a modal using react Dom portals, but I can't use document.body or window objects or query selector as pointer elements (I don't have index.html). How to use portals with next js dev server?

Squidgical

2/5/2023

know when datalist option was selected

assume I have the following; ```html <input type="text" list="mylist"> <datalist id="mylist">...

Å Marlon G

2/5/2023

SVG newbie needing help

Hello! So I'm using a SVG for the first time, and quickly found out there are more than meets the eye ... 1. I originally screenshot a sword from a bigger picture (assets, original print.png), then did a png to svg conversion, and it kind of worked, but I get this white bottom (katana.svg). How do I get rid of it?...

henry

2/5/2023

Zoom through logo to content behind upon scroll

I have a logo with an O in it, and I want it such that , when the user scrolls it increases in size and eventually goes through the O in the logo and shows the "next slide" or the content that would be otherwise below it. Do I need something like three.js for this?...

samidev

2/5/2023

can somebody tell me why im getting this error

phyrasaur

2/5/2023

Can someone explain `size` of an `input` to me?

How it differs from width? https://play.tailwindcss.com/bOoWqngs03...

vince

2/4/2023

When to use sass variables

Hello guys, I'm getting a bit flustered when it comes to refactoring my sass sheets. I'm kind of confused on when to use sass variables, as my understanding of a variable (or even functions) is DRY -- so if you use a value more than once, put it in a variable. But when I have things like mixins, or inheritance, I feel like the line becomes a little blurred and I'm feeling like my stylesheets are becoming a mess. Right now, I have it so that anytime I would use a variable twice (even if it's in a...

ChrisBarin

2/4/2023

Extra space in slider gallery

Hi, I'm having a lot of trouble with the desktop version of this page: https://www.ohvaz.ro/produse/ovaz-cu-ciocolata-si-ananas/ there's a lot of empty space underneath the photo gallery. I tried various CSS tricks, but I'm no success. How can I make the photo fit the height of that element better? Thank you!

ChrisBarin

2/4/2023

How to remove a horizontal scroll bar?

Hi this is about https://chrisbarin.com/ I have a horizontal scroll bar and I'm not sure why. It's on WP and I did a lot of work on it. Last time I added social media registration in a pop up. Not 100% sure if that's the cause. How can I fix it? Thank you!

Spiritual Tech

2/3/2023

SVG into less lines

Is there a way to condense the amount of lines an SVG takes up in an html document?

Dovah

2/3/2023

Having trouble adding background-image with JS...

const navHeader = document.querySelector(".nav-header")

navHeader.style.backgroundImage="url('images/desktop-image-hero-2.jpg');";

const navHeader = document.querySelector(".nav-header")

navHeader.style.backgroundImage="url('images/desktop-image-hero-2.jpg');";

...

NazCodeland

2/3/2023

animation

I don't understand why is it that square isn't doing a 360deg rotation but instead it goes back up -100px on the y-axis https://codepen.io/pen/?editors=1100...

Mozi47

2/3/2023

Transition not working Tailwindcss

//Hamburger Button <div className='md:hidden text-3xl items-center' onClick={()=>{setMenu(true);}}> <RxHamburgerMenu/> </div> ...

Daryl M

2/3/2023

Quick One: How to remove the gaps in the start and end of a div?

Can you please help me with this one? I have no clue how this happened. The gap should only be applied between child divs.

MartynasXS

2/3/2023

How to make element not focusable with tab navigation

want to use button element but Its imperative that you cant select it with tab

NazCodeland

2/2/2023

Overflow: hidden;

Hey everyone, I found my question asked on stackoverflow. Basically, I am trying to put an overflow: hidden on body but to do that I need to put overflow: hidden on the html element also. But when doing that, on page refresh 50/50 chance I get a black screen, anyone come across this issue before?

samidev

2/2/2023

I'm watching youtube tutorial ABout VUe.js but im getting these errors

can somebody help me why im getting these error , it is prob the link that i added for vue.js or idk

lilbeqiri

2/2/2023

lint-staged, npx installed on every run

Hey folks, I setup the lint-staged to run in a pre-commit every time I commit some changes but the issue I have is that it every time downloads/installs "npx" when it is executed as you can see in the image uploaded. And this installation is taking a lot of time. ...

Dovah

2/2/2023

Help ironing transition from Mobile to Desktop version? (especially images!)

Project link: https://elaborate-sunflower-107ab4.netlify.app/ What was supposed to be fun little warmup project, turned into frustrating mess, due to my age old bane - images! I'm having a lot of problems smoothening transition from mobile view to desktop version. Do I add images as <img> do I put them as "background-image" in CSS etc....

kashyap_rajan

2/2/2023

How to make a border like the picture below?

How do i make a border like the design here. I thought of making a div, giving it height and width, putting a gradient in background and the eventually use absolute positioning. But I'm not sure if that is the best way to do it. If anyone has a better idea, pls let me know. P.S -> I've seen border gradients but the top border has no gradient so I'm not sure if that can be used or not...

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