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

how can i make my first 1000$

i can code in html css javascript react js python typescipt, is there any way to make money online this is my portfolio https://rachiddb.github.io/portfolio/

no utility detected classes in your files in tailwindcss

Hello, I am learning Tailwind CSS, and I think I've finished installing everything. The problem is that an unexpected error is occurring - my source files aren't being detected. I'm not sure if the way I organized my HTML and CSS has any effect on this. I just wanted them to be separated for better organization. But when I try to run npm run build, it's not able to detect them. I did check the tailwind.config.js file, but I don't really understand how to adjust the content....
No description

is it good approach or not?

Hello, I am a newbie, tell me if it is a good practice or not, if not please help me to improve, like before I start coding HTML CSS, writing colors, writing fonts family that we are gonna use, font sizes, font weights in variables, then if I have to use colors make a class of each color, so that I could assign the class in HTML when needed. Do the same with fonts as well, sometimes I need to use the class in HTML for color, and sometimes I need to use a variable for the same color in CSS, is this is ok or wrong to use? check the attached code, and tell me the wrong practices I have done, I really wanted to improve, thanks NOTE: If my question is confusing for you, just check the code and let me for the bad practices and mistakes I have done. https://codepen.io/hamzacodepen951/pen/QWzLZPP...

Vite build not resolved css ulr()

Just starting with vite and faced problem after build project. During development everything was ok but after deploying on GH I realized that my background is missing images. All my images used in HTML are visible beside background images from CSS. Any reason why is that?...

Keep multiple <li> lines together

I am creating an list of names and addresses. Each is in an <li> within an <ol>. Each name and address ends with a <br>. When displayed I have the <ol> within a <div style="column-count: 3">. My problem is that on occasion an <li> group will get broken between columns. Is there a way with CSS to ensure that all the lines of an <li> remain together across a column break? TIA for any assistance.

Space Travel Project - Button hover state

Hi, I am working at the space travel project (building it in React and with Sass) I am just wondering for the 'Large button' hover state, can we just use: `.main-cta {...

design system naming conventions

Hey, i notice when Kevin sets up his custom properties for his font sizes he uses naming conventions such as --fs-400, does anyone know the reasoning behind the numbers in the name other than them being easier to remember than the rem values as he says, or is that the only thing? I would much appreciate some help from anyone, or even Kevin himself if he sees this 😄. Thanks in advance.

Why data don't push to array in zustand?

Why data don't push to array? ```ts export const increaseItemQuantity = async (products: IProduct[], id: string,newProduct:IProduct): Promise<IProduct[]> => { try { const { data } = await supabase...

Drag event

how to still show the old location of the event before being dragged to another position in fullcalendar? Here is my code ``` <FullCalendar...

Multiple CSS files or one for websites with multiple pages?

Okay im sorta a beginner but when i have multiple pages and im trying to use one css file for everything i keep having to add a bunch of classes to elements so they don't conflict with other styling i had for another page and it seems so time consuming. any tips?

CSS drives me crazy!

I want to create this (see picture one) text och left side, image on right side (the image on the right side is what I wrote in css). I .hero is the parent div, with other worlds the first div. When I wrote that code inside image one, then this happens.. (see img 2) I know that spacebetween dosent get any space because of the p tag, but I cant always set a width on the p tag... I want the text to still grow when the pages gets smaller, it cant be done with a width on a ptag... ...
No description

Borders on Table Rows with spacing between rows?

I have a table and I'd like to a space between each row and put a border around each row. I've tried border-collapse separate, but then i'm unable to add a border around the whole row. any ideas?
No description

counter up

please how can i add a counter up animation to my project?

px vs rem vs em

New to the dev world but during the last few weeks of learning I'm noticing a few different sizing options. I've done my fair share of research but just trying to see what the general public thinks. How do you choose which sizing options to use between px, rem and em. I keep seeing a lot of content saying stay away from px still cant understand why. If you guys have any resource I can use to learn a little more that would be great for my journey or any insights thanks in advance...

Event doesn't work

i have a div which has a child div. something like ``` <div> <div></div> </div>...

Flexbox Div inside a container div

I'm having some issues with a small challenge i'm working on. I have a container
div
div
with two seperate
div
div
inside that I have side by side using flexbox. One div holds the an image and the second div holds content but for some reason I cant get the content div background to completely cover the entire div. I dont have any height set on the main container ```.main-container{...

How to construct this image

I wanted to make a gallery with the rijksmuseum api. I get some json back which looks like this : ``` {"levels":...

Where can I find free to use website designs?

I need some ideas for my portfolio. I'm finding things on dribbble I like but I'm not sure if I'm allowed to use it or not? (https://dribbble.com/shots/20300654-Portfolio-design)

Background-Color won’t cover iPhone notch

Hello , I am thing to have the background color I have set to fully cover the view on an iPhone. If you look at the top you can see there’s two different colors and want the hole entire screen including the notch to be white , thank you...