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

Leading Line Height adjusting issue

Hello, question everyone. How can I fix this in my hero, like when I zoom out, his line height adjusting like this in the video.

VITE + REACT folder structure "public" vs "src/assets"?

As the title says I am looking for the best practice where should I store my static content eg.: png, font, svg, favico. Public (Vite assets folder): you can reference the static files by this folder location without the need of "public" to be spcified. src/assets (react assets folder): It is bundled together with other react files (a bit smaller size), also you can refer it as a module....

What are other freelance web developers preferred web hosting solutions?

Hi all~ I'm curious what other web developers use for their web hosting solutions? I usually create next.js and react applications and use Vercel to host them. However, I recently started doing freelance web design and wasn't sure how to best approach site transfers. Vercel charges $20 per user per month which seems expensive. Thanks!...

How can I make my <p> not extend out so far?

Hey there, I've added a <p> with some pretty long text inside of it how can I correctly make the width of it smaller?
No description

DIVS! Gotta catch em all | Semantic component

I hate seeing div in div in div in div next to a div but, i really don't know what do i do with this.. any help is seriously priceless! https://codepen.io/thecubiq/pen/qBvaYYL...

https://www.youtube.com/watch?v=keYFkLycaDg&list=RDCMUCDT8sIFy3pW8LT6SAbe8xtQ&start_radio=1

has anybody prepared any project referring to this video?? If yes can you please share the source code of it!

Are 3 psuedo elements possible?

What I'm trying to accomplish is the three circles on bottom that indicate what slider you're on. Only issue is that these indicators are not in the DOM and I can't modify the DOM. The first picture is what I want to accomplish, and the second is what I currently have. I was thinking about some type of gradient nonsense but I don't know where to start with that or if that would even be a viable solution....
No description

Apply background around lines of text, not box

I have a vague memory of Kevin Powell doing this in one of his videos while noting it’s a new property and not supported in every browser just yet. Though, I can’t find the video and can’t find the way to do it anywhere else. Does anyone know how to achieve this?...
No description

Help to how use :invalid in CSS

I need that only change the style of the input, but it's awalys apply the style when use :invalid How can i prevent this doesn't happending? excuse me. My english isn't too good ...
No description

add an element in the DOM

I realise this page on html ```html <html lang="en"> <head>...
No description

image floating and over crossing the boundary

Hello, I'm just asking, if how is it possible to do this with websites, the details that I sent in the image, btw, this is just a self project and credits to the owner of the design. How can I achieve this, using position absolute? or is there something I will do in the code to achieve this kind of details similar to the image I sent. like he is crossing the boundaries of the parent, like if I have a first and second section, how can I get him in the middle idk if my saying is correct sorry for my bad english. Thank you!...
No description

Issues With Sass -container Querie - Mixin

Good morning, if anyone can help me, I want to work with container queries and mixin but they don't recognize me (@container tablet......). What can I do What I'm doing wrong? Thank you in advance...
No description

Error in js

Hi everyone I realise this...
No description

Overflowing issues ( Height related )

Hey there! I am having this issue where my content inside the div is overflowing, I am totally unsure and clueless why is this happening. Here this is the screen recording of actual site, and what is happening, I have this div inside of main tag, and dummy text to illustrate whats happening, blue background is to show the real overflowing problem, Thanks...

Automatic scroll is not working for certain pixels 320px to 1023px.

Hi everyone, I will not be able to share the code and screenshots for my issue as we have client restrictions. Help me, if you ever faced this issue. Problem: We have a implementation on our web app that on click of a button the screen automatically scrolls to the top of the page, but this scrolling behavior is not happening for the screen between 320px to 1023px. For other resolutions its working fine. The code we are using to automatic scroll is `` document.querySelector(#forms-section`)?.scroll({...

How do I align this to the right side of the screen

I created a button in CSS and I've tried aligning it to the right side of the screen with no luck

Aren't custom properties inherited?

Just had to set --_custom-property:inherit; what's up with that?

How to handle overflow in Grid (grand-)children?

Hi, im currently working on a grid layout where the grid-items are either flex or grid themself. The issue i have though, is that there is overflowing text which doesn't get recognized by the browser as overflow. So overflow: hidden; doesn't have any effect. I implemented a small prototype with which i can show the issue here: https://play.tailwindcss.com/S1d0f4JYmk When you toggle to mobile size, the text of the two smaller grid-items overflows behind the img in its container....

How to learn Creative frontend development ?

Hi I want to learn creative web development and want to learn animations, svg, canvas and 3d effects. I want some resources to learn these topics. Can you provide me best resources from where I can learn these ?