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

Font not loading in mobile

I've deployed the website. Fonts are loading in desktop but not in mobile. I'm using local fonts, tailwind. This is how my input.css looks like. ```css @layer base {...

SSL CERTIFICATE

so i've contacted the website from where i bought the dnssec, and they deleted it from my domain but now what should i do in netlify...

CSS Image hide

i want to hide a party of image.how can i do it??

Help with making only border corners visible! (Example inside)

I'm doing this simple exercise and just noticed this little thingy they did with borders. I have no clue how they made it. Any ideas? Edit: No pictures were used for it....

Can somebody help me understand these docs please?

So I think I've discovered that my problems with a 3rd party captcha service - Turnstile - are down to a race condition, and so I'm trying to explicitly render the challenge element once I know the page has loaded. Initially the docs (https://developers.cloudflare.com/turnstile/get-started/client-side-rendering/#explicitly-render-the-turnstile-widget) tell me to insert the async js script tag: <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback" async defer></script>...

isolation in css: can't the gradient shadow be achieved just by z-index: -1?

in kevin's video abt isolation https://www.youtube.com/watch?v=sNYVqfRwX1A&t=63s&ab_channel=KevinPowell timestamp at around 03:11 can't the gradient shadow be achieved just by z-index: -1?...

Using :NOT operator deeply nested within duplicate elements

Hi, I am working with a 3rd party library (DevExpress) which creates some complex controls. In this case their Page control. My problem is that one of our images, under a particular color scheme (DevExpress theme) doesn't look good because it is rendering navy blue on black....

Website which stores filter criteria between tab reloads, but not between tabs.

Hi, So noticed that one of the websites which I am using stores criteria search somewhere. It is persisted between tab reloads but it is not persisted between tabs. I look into session storage it is empty, cleard local storage and indexedDb is empty as well. So my question is - where this webistes stores this criteria search ? (for sure its not a backend).

Print CSS only showing the first page

Hello, I am trying to write some SCSS for printing the screen in A4 landscape that retains a lot of the on screen styles. I kind of have this working with the following SCSS. However, whilst print preview shows there are 20+ pages, the first page is just repeated over and over. i.e. page two is never shown. I'm afraid I can not attached the pdf as it contains commercially sensitive information, I hoping the above explains the situation sufficiently. Here is my current SCSS....

div h-full takes parent height even if there is a sibling in the same div TailwindCSS

Problem: My div containing my text content overflows its parent whit full height Desired: The height of the div containing text content to fill the rest of available height of its parent Code: https://stackblitz.com/edit/web-platform-7gwuv1?file=index.html...

Build failed due to import error

Build failed due to import error After running the build command for my react app the build failed and the below is the response I get. ```Creating an optimized production build... Failed to compile....

Trying to align the "Check it out" links to the bottom of each card by default

Haven't touched CSS in a few months so I'm super rusty, but decided to work on my portfolio a little bit more.. I'm wanting to have the 3 links sit at the bottom of the card, and really, any future links to sit there too. They all have the class of "project-link" and the below CSS is what has been input so far for the projects section ```.projects { background-color: #E4E8FF; background-size: cover;...

interSectionObserver

Is there anything else like intersectionObserver but for elements like intersectionObserver is to observer whether an element is inside the viewport or not but is there anything else that can observe whether an element is inside another element or not...

Font-size CSS

how can i use the min and max function in font-size css i want to in 1200px font-size get 60px and less than 1200px font-size get 40px

Basic Turnstile question

If anyone has used it before, have you come across it intermittently rendering?

I want to change the point of rotation of a div. How to do that?

Basically I want to create something like a disco lights. I have a triangle which i want to rotate but its rotational point should be fixed at the top. I tried transform-origin but that is not giving me the expected results. I have a code pen. Please let me know how this can be done. https://codepen.io/kashyaprajan11/pen/xxaVbYw?editors=1100...

How do I get these linear-gradient? (Header BG and Inside of the circle with number)

my codepen: https://codepen.io/DovahTheKiin/pen/oNPxgWx I'm having trouble matching those linear gradients. All the colors needed are in codepen css named "gradient"....

How can I stop a parent from growing when font size increases?

I've figured out how to make my navbar links to grow in size when hovered or focused on, but the other navbar links shift right and the navbar gets too tall when the font size increases. How can I do this? Thanks

What If...

What if I do, ```js setInterval( () => { setTimeOut( () => {...