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

Failed to resolve component

Anyone can help me what's the problem? It's working fine but when i go to the console this error show ```js [Vue warn]: Failed to resolve component: Section...

[solved] Device Scaling

Does anyone know how to target laptop viewports that scale up their resolution? I have a client using an Acer with 1920 x 1080 and in their settings "Scale" is set to 150%.
I'm not really sure how to write styles that check a users scale in a way that it is able to know if its 125%, 170% etc etc. All hints/tips appreciated....

How to vertically center a horizontal line to the first line of a multiline paragraph using CSS?

I have a layout where I need to position a horizontal line next to a multiline paragraph. The line should be vertically centered to the first line of the paragraph, not to the entire paragraph. How can I adjust the CSS to achieve this alignment? Here is the HTML and CSS code I have so far: https://jsfiddle.net/pmcdq1hr/1/...

overflow scroll issue during transition in framer-motion

i post the video of my project in comment of these posts i set overflow hidden and it works but i cant scroll on projects section which needs scroll but i try overflow auto for only project.jsx but it doesnt work cuz i set overflow hidden on body on other components , if i set overflow hidden on certain div it doesnt work for now i only sent the framer motion animation code .. code :...

Nav issue

Problem: I'm trying to make nav bar the same as index.html, but it seems to be stagnant. What I've tried: Copying and pasting the nav from index.html into booking.html and it barely worked. Error Message: N/A...

Issue with making appointment form larger.

Problem: My appointment form isn't getting any larger, it stays the same. What I've tried: I've tried padding, padding-top, and padding-bottom. Error Messages: N/A...

Hello CSS diplay:grid gods!

How do I make these 2 buttons at the bottom occupy the same row: https://codepen.io/Hristo-Stoyanov-the-solid/pen/PorWpKM Note: this works if i do this: ```css...

Screen issue

My website work correctly but when i scroll down on mobile then i face the moving screen issue i also apply overflow hidden in css html, body { background: #f4fcec; margin: 0; padding: 0;...

Help me understanding how a type works

I'm currently trying to understand how Tiptap 's CommandManager works and especially how the commands are strongly typed. I have extracted the type declarations required to have the strong and dynamic typing of the commands handled by the CommandManager . I understand all but one of the types involved and it's the UnionToIntersection type (see attached typescript playground). While I see what this type does, I don't understand how it does it, if anyone can help me crack this code it would be great. ...

Using CSS selectors with @media queries

Hey! I want user to select between dark, light, and system themes (and maybe even third, fourth, etc). I came up with this pen in mind: https://codepen.io/zobweyt/pen/BagdyGq But it's not working as expected. I want to turn on dark styles when any of the following conditions satisfy:...

Weird onMouseEnter behavior

Here's an abstraction of the React I have:
h4.name
{isNameHovered && div.message}
h4.name
{isNameHovered && div.message}
...

Navigate through components in reactjs

So i will post 3 images on comments pls check out tell any solutions or ideas Check images and see code so it would make sense the problem I'm facing ...

map function and key props error in react js

so im new with reactjs , heres the code ```js const projectDetails=[ { image:assestObj.skullcandyLogo,...
No description

Bootstrap 5

Any Internet suggestions beside the Bootstrap website ?

make scroll-snap-type: x mandatory works with scroll-behavior: smooth;

Hello, I wonder if someone made scroll-snap-type: x mandatory; work with scroll-behavior: smooth; with no js. For now, scroll-behavior: smooth; gets cancelled for some reason.

Custom Radio Button with Animation

Hey all, I'm developing a custom Radio Button. It's going great so far. Had to hack quite a bit to match the requirements. I've come up with 2 solutions. A simple one and a more complex one and I'd like to hear your feedback and see, how you would do it. The first solution is a simple one: https://codepen.io/maxkuhlmay/pen/BagZVxy It has a Radio Button and when its checked, the border width changes to create the "dot". ...

Element not inheriting parent element's height

I have the following code in App.js: ```js <div className='min-h-screen flex flex-col'> <Navbar /> <div className='bg-red-100 border-solid border-red-400 flex-grow'>...
No description