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

MuriloMatt

6/9/2024

My div is bigger than the icon inside of it

I want the red div to have the same size as my icon, but for some reason it has this 'margin'. I already tried to use inline-flex, but it didn't solve, my div becomes the same size as my icon, but the space is still there. ...

althepal78

6/9/2024

Scroll-snap and smooth scrolling

So I have this scroll snap and I am trying to use it and smooth scrolling going left and right. I have some code here but once I add scroll-snap it stops it from scrolling smoothly. Additionally how can I get rid of the scrollbar and have the same affect? ```css * { margin: 0;...

asdf_jkl__

6/9/2024

modal show/hide animation

check this code pen https://codepen.io/rohan031/pen/ZENJMar when i click outside the modal why does my closing animation behaves differently than when closing with esc or close button....

Zed

6/9/2024

Can't center text after setting max-width

I wanted to center some text with them having a max-width of 65 characters but when I set max-width: 65; my text can't be centered and they go to the left of the screen ```css * { padding: 0;...

Vandana

6/9/2024

Images format

Can we still have a mix of webp and jpeg images ?

Vandana

6/9/2024

clamp()

can we use font-size: clamp(0.9rem, 1rem, 2.2rem);? but the syntax says font-size: clamp(0.9rem, 1vw, 2.2rem);...

NazCodeland

6/9/2024

Breaking out a descendent

Hey everyone, I've got this https://codepen.io/bbonsaye/pen/mdYMpKe I'm trying to make the section element take up the space given to the named grid column breakout. If I make it a sibling to article it can be done but I am wondering if I can do this while section is a descendent of main? I even tried doing it by applying subgrid to article but I just learned that article only aligns it's own grid lines to the parents grid lines, and doesn't inherit all of the parents grid lines....

Yido

6/8/2024

Input not dissappearing

Was trying to make the input dissappear when the counter hit 0 but it doesnt work and nothing happens with it https://codepen.io/SirYido/pen/VwOzroq

Wu-Knows.

6/8/2024

Infinite horizontal scroll menu

Hi everyone! I'm looking for a bit of guidance on the following: I'd like to make an infinite horizontal scroll-menu, preferably where the middle "card" is a bit larger than the others. My absolute dream would be to create something like the (purple) image. However that was coded in GSAP and looks a bit too complicated for me. Hence I'm looking for alternatives. Do you have any tips/Youtube-vids on what do to next, without making it instantly complicated? What I have so far It's just a simple set-up so far. The second image is what it looks like at the moment. ...

Antonio

6/8/2024

3D animation

Good evening Mr. Kevin , my name is Antonio, very nice to meet you. I'm Italian, sorry in advance for my English. I knew you from your YouTube channel (awesome) . Recently I checked out a movie and at the end of it there are some amazing 3D animation (for me) about the casts and production; I think it could be fun and amazing try to replace this with CSS (for me would be a dream) and I thought about You and Your amazing YouTube channel and what if it would be interesting for Tutorial or else !!...

Ævie

6/8/2024

Deployment

Idk what I'm doing wrong, but this won't deploy: https://github.com/General-Evie/food please help🥺...

francis

6/8/2024

How do I prevent the css in home route from affecting the css in another route component

So i have "/" with multiple components and now i will create new route "/simmer". The problem is the css of home route is affecting the component(s) in "/simmer", how do i prevent it? any suggestions or best practices?...

CDL

6/7/2024

Grid layout to cover spacing with Header/Footer/Content

This is my attempt with a very basic layout... I have a flex version which I think is ok, but this is how I've managed the grid version.. https://codepen.io/Laing91/pen/dyEzGLo I realized the elements were stacking without flexbox, so I've flexed the child elements of the grid container so that they default to row and can be spaced out etc.....

sasxa

6/7/2024

Flex layout issue

humans help! I have a layout issue where in this layout divs id3,5 break out of parent div (they are external and I can't style them directly). How do I set this up to work? (green and orange need to stay inside blue) ``` <div id="1" style="width: 100px; display: flex; flex-direction: column;" > <div id="2" style="flex-grow: 1;">...

Bowser

6/7/2024

Wrap grid columns with grid area

See the below JSFiddle, I would like to have the items inside the grid container stack on top of each other automatically at 480px. If you wonder why the heck I would use CSS grid here with the 12 columns, I am creating a website builder app and it basically needs to replicate the drag and drop grid interface. Otherwise I could just use flex box with space between here of course. Thanks in advance....

Freudian

6/7/2024

Projects

what projects can I complete to make a portfolio in 2 weeks

2023graduateinformationtech

6/7/2024

position absolute on flex , grid

Hi for the grid and flex elements is it okay recommended to use position absolute on the parent if it needs to be moved or is it only recommend it to be used position absolute for the child element for flex or grid #front-end

Waggles

6/7/2024

Best practice to use a modal/ dialogue for a mobile side menu?

If you're building a mobile side menu that pops in and out is it best practice to use just a div/nav with all your links nested inside or to use something like a modal/dialogue instead? I'm thinking that with a div you would lose a lot of baked in accessibility that a modal might have for example or does that present it's own issues? Thanks in advance for any tips or advice!

jfmartinz

6/7/2024

Website Not Functioning Properly After Building for Production

I've developed a Recipe website using HTML, CSS, and JavaScript with Vite. During development, everything was working fine. However, after building the project for production, the application has stopped functioning correctly. Specifically, the issue arises when navigating to different pages. For example, on the blog page, the CSS doesn't seem to apply, and the same problem occurs on the displayRecipe.html page where both CSS and JavaScript are not functioning as expected. Specific Issues: CSS not applying on certain pages...

Step Chicken

6/7/2024

Position fixed on image effect

Hi everyone! i wanted to replicate the effect that is on this website on the section that has the multiple descriptors and the images on the left hand are set to fixed as the right side text scrolls by and then the images change. My idea was to just set each image one by one to fixed as the new cooresponding text section comes to veiw but im not sure if thats the right thing to do. https://www.homagames.com/about...

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