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

justAni

8/20/2024

Increase additional height of a dynamic element

I wanted to increase the height ( ON HOVER to show the description ) of the div element which has a dynamic height of the inner element (i.e. an image), if someone can help me with this query it would be really helpful 🙏 Basic HTML: ```html <article class="gallery">...

vic

8/20/2024

nested routes in reactjs

I want to display the content of the nested route (e.g., Cake) and hide the parent component’s UI when navigating to /deliver/cake ..here /deliver is parent route Codes I only include main part of code App.js ...

Jake

8/20/2024

Best email API for Next.js apps?

Part of my product is supposed to let users send/receive emails using a custom domain (which they would buy elsewhere like Namecheap) but I'm not sure which ESP would have the best API for me to use. Any input is appreciated!

luxorion_v2

8/20/2024

Prettier Configuration

So I have a CSS code as below: ```css h1 > * { /* some styling */ }...

feanor

8/19/2024

SVG - Fill the overlapping part of two <circle>'s.

I've created a SVG with two <circle>'s that are placed next to each other, with some part overlapping. I want to fill the overlapping part with a color. I'm trying to explore <filter> but short on time, would appreciate if someone could help me with it. ```html <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> ...

Jesus Castane

8/19/2024

is 960grid still relevant? if not, what's the alternative?

Hello, All my experience is reading "Head First HTML" and "Head First Web Design" which I appreciate are quite old. They recommend using 960grid. (https://960.gs/). I wonder if 960grid is still relevant or if there are better "frameworks" (Is 960gs a framework :S ?) I just want to create a personal website. Nothing really fancy. Any comment in the right direction will be appreciated. ...

ZNP

8/19/2024

Do you have a list of different root font sizes?

I'm looking to find a list of font sizes that I can use in my roots, to copy and paste in my projects. Do you guys know where to find this, and do you use this?

ZNP

8/19/2024

Flex or Grid for cards?

Hey, i'm building a CSS project with cards, i'm really confused if we should use flex or grid for these cards. I'm preferring grid as it won't shrink the sizes of these cards at all, and they'll offer a structure from the parent. However I'm Worried about responsiveness, should I use a breakpoint then? or do you guys have other suggestions

thereturning

8/19/2024

help with react context

Im making a tooltip that is on the topmost part of the document, and it needs to know if a component is being hovered, that component is nested. TooltipContext file ```jsx import { createContext, useState, useContext } from "react"; import PropTypes from "prop-types";...

Alex King

8/18/2024

Need senior front end developer for part time job

I am going to build the car renter website for my business. All most developers are ready to start to work but I need one more front end developer. Tech: React/Tailwind CSS Salary: 4000$~$5000...

prophile

8/18/2024

Highest contrast colour in pure CSS

I’m setting up a button component with a few different variants (.btn-primary, .btn-success, .btn-danger, that sort of thing)—these switch the background colour. Is there a way to set this up so the foreground colour is automatically selected between a dark and light option for whichever gives the most contrast? In pure CSS that is, rather than using some JavaScript. Being able to do an if-then-else for whether the L component of var(—btn-bg) is <50 would do the trick to select between the two as an approximation, but I’m not sure how to go from there. Is this possible?...

conmeomaunau

8/18/2024

Config 2 line code on vercel

Please anyone help me

NIMA

8/18/2024

api problem

api problem in js

Draken ∆Toman

8/18/2024

File upload bug

`<DropdownMenuItem > <label htmlFor="profile-picture" className="flex items-center gap-2 cursor-pointer"> <FileUp strokeWidth={1} width={20} height={20}/> <span>profile</span> <input...

brr

8/18/2024

conosle log value undefined?`

textBox.addEventListener("keydown", (event) =>
  console.log(`You pressed "${event.key}".`),
);

textBox.addEventListener("keydown", (event) =>
  console.log(`You pressed "${event.key}".`),
);

...

elaineleung

8/17/2024

Kevin's code from his CSS Day talk

Guess this is a question for @Kevin primarily but if anyone's got an answer I'd also appreciate it: Where can I find the Codepen that was in the demo in Kevin's CSS Day talk (the one on overengineering CSS)? I was already something based on Ryan Mulligan's post, which was also mentioned in Kevin's talk, and I had a look at the layout builder code generator Kevin introduced, but in the end I wanted to see how Kevin's original code as there were some differences from the layout builder. Thanks in...

Jeluxe

8/16/2024

weird border-radius behavior

i have created card in vite-react and i dont see something that have caused this issue, and the issue is that so i have image that take all of the size of the card and for some reason at thhe edges of the card, the card background is slightly visible like 0.0001px. like between the img's edge and the card's edge the is small gap, which i cant find the cause. Here card file:...

bfmv

8/16/2024

how to start a react app after i closed it

i started the react app yesterday and reopened it today and im not getting how to reopen the react app

The Infinite

8/16/2024

How to make a dynamic chart component in Svelte, using plain HTML and CSS with minimal JS?

It's important to make it themeable so that replacing the CSS actually reflects on its styling. I do not want to use Chart.js or any other framework, as they do not support what I want, unless you have any suggestions for chart frameworks that are more customisable, not ugly and can be themed with CSS.

thereturning

8/16/2024

my popup is being hidden

```jsx const Server = () => { return ( <div className="relative mb-2 h-[48px] w-[48px]"> <div className="avatar">...

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