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

peterpumkineaterr

1/7/2023

text weight issue

in figma and adobe xd it shows proper weight of font but when i design it shows little bolder font

Aditya Kirad

1/7/2023

don't know how to scroll from one element to another when overflow is hidden

hey folks I have set the css property overflow: hidden; for the body and I need to smooth scroll from one element to another element and these are the element

<div class="firstContainer"></div>
<div class="secondContainer"></div>

<div class="firstContainer"></div>
<div class="secondContainer"></div>

...

Å Marlon G

1/6/2023

CSS files not working on Github Pages

I deployed a design on Github Pages from a repo, but it seems like the main.css is not reading the two other css files (_fluids and _globals). How do I get this to work? Repo: https://github.com/AMarlonG/Intrinsic-fluid-web-design ...

Spiritual Tech

1/6/2023

Menu disappears

If you go to https://apollogateopeners.com/store/nice-apollo-titan12l1-solar-bundle-with-mercury-310-controller-swing-gate-opener-kit-o-t310-slr-bl.html, and you make the resolution smaller with dev tools so that the hamburger menu appears, click the menu to open it, then while it's open, make the screen smaller and bigger. The menu disappears and then won't come back until you refresh the page. I need the menu to stay open even when the resolution changes. I can't recreate this entire page in c...

lko

1/6/2023

Why grid centers element?

I wrote this code and I achieved what I wanted but I dont know why I did what I did, so, that's the code, and when I added "display: grid" and "margin:auto" the circle centered both vertically and horizontally of its parent, horizontally, because there's margin: auto, but why vertically? ```css .parent { display: flex; flex-direction: row;...

BimmerG87

1/6/2023

align-items not working

https://codepen.io/Aman-sghh/pen/zYLoMmO

LanFeusT

1/6/2023

max-width transition works one way, but not the other

I'm trying to get my button to grow in width when hovered and reveal the text behind. However the animation is only working on hover, it does not animate when hover is removed. Why is that? https://codepen.io/LanFeusT/pen/rNrWqqv...

Aldrin

1/6/2023

gradient

How can I create this exact border gradient

Adarsh

1/6/2023

Not able to display data in browser but able to display it in codepen

I am able to display the current date and time in codepen but not able to reciprocate it in the browser. Here is the codepen - https://codepen.io/adarsh88/pen/yLqVxJm. I am attaching the screenshot of my browser.

Monimolimnion

1/6/2023

Is it possible to have a backdrop blur clipped to text?

I saw a nice effect in a movie title last night where large block text blurred a background photo. I thought it would be simple to replicate in CSS but I'm having trouble. Using background-clip:text and backdrop-filter just blurs the whole background. Any ideas?

Å Marlon G

1/6/2023

Mobile vs. desktop thoughts ...

Hmm ... not sure where to ask this, so please remove or replace this thought experiment if it doesn't belong on this channel. Kevin talks alot about fixing/doing up mobile layout first and then going on to desktop layout. With the advent of auto-fit/fill and minmax usage in grid, does this always has to be the case? With basic designs like the CRL Flexbox challenge 4, all sections could be placed in a main grid, and all the content within each section could be nested grids, all with an auto-fit/fill and minmax. That would automatically make it responsive and stack the content as normal in mobile layout....

Aldrin

1/6/2023

Text design

how to have this text design with css

proudyyyy

1/6/2023

Vignette (inset shadow) on a video

I am struggeling with putting up a vignette (shadow being inset) to a video-tag in html5. Things I was trying to do: - Put a box-shadow on the video-tag itself - Put the video tag inside a div and give that div the box-shadow - Put a div after the video tag and give it the box-shadow (I was referring to a stackoverflow thread: https://stackoverflow.com/questions/26786940/can-you-have-css-box-shadow-inset-show-on-video-element)...

Gray

1/5/2023

why wont my link center?

I made the navbar centered, and i copied and modified the code to fit more with the button type and now it is stuck to the side.🔥

iLoveCoffee

1/5/2023

Google Font Integration

When integrating google fonts; is it okay if I skip the first 2 lines and keep only the link tag containing css sources for my fonts to minimize my HTML code? And I write: ```html <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>...

BimmerG87

1/5/2023

Issue with centering the elements

When I go into mobile view, the elements are centered and i dont know how to do that. Here is the code. https://codepen.io/Aman-sghh/pen/KKBNpvq...

Adarsh

1/5/2023

Whole DOM getting deleted when using display 'none' property for an id element

I want a specific id element to be deleted when I onclick a button. But when clicking the "Hide Images" button, instead of the id element the whole DOM is getting deleted. Does anybody have any idea why it is behaving like this. Here is the codepen - https://codepen.io/adarsh88/pen/vYaXwbN

get out...!

1/4/2023

Why mix blend mode not working with white and color images

while working with image, if find that mix blend mode not work with white color images here is code : http://jsfiddle.net/dwstvzqe/11/ on the other it works fine with the others color here is the code https://codepen.io/smashtheshell/pen/wvzwMLO...

JWode

1/4/2023

aria-label = global?

Just wondering what this means exactly? It's used in several Tailwind components: ``` <nav class="relative flex items-center justify-between sm:h-10 lg:justify-start" aria-label="Global"></nav>...

M@HeR

1/4/2023

how to change display direction depend of child of container

how to change display direction depend of child of container for example if have 3 childs display direction unset if not display direction : column...

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