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

how to use and process token that i get after authentication is complete?

Description: First time creating MERN authentication I've created basic user login page with username and password if both matches it returns token which has setout time Questions and issue:...

API

Hi everybody I need a free api for crypto and nft( specially for nft) Could you please help me find thatπŸ₯²...

How to make this grid layout without using display grid 2 times?

Is it possible to make this layout (1 full width row and 2 columns below) without using display grid 2 times like I did?
No description

Merged cells in table

I am creating this table layout with merged cells. The html I have written is a bit awkward. Please let me know if this is good or is there a better solution. ```html <table border="1"> <thead> <tr>...
No description

CSS Grid Makes White Space Because Of The Height Of Some Columns

The question is how do I just slot in the 2 rows beneath the picture into that white space, so that I get it like in the second picture
No description

After setting proxy in vite.config.js '/api/3' making call on 5173 port instead of 5000

Description: please note this is the first time I'm using proxy so i may not be aware of certain terminology or i might have made mistake. I've set up the proxy in vite.config.js code screenshot shown in first image port of frontend vite + react is 5173 port of backend node + express is 5000 (using cors)...
No description

How to make two scroll work at same time Only css

Help me... im kinda new but i want to know it...

How to keep all styles of an element when a drag and drop event occurs

Can anyone please help me with this part? When I drag and drop an element I want it to keep its styles, but now it has disappeared or is incomplete.

Format string from an object

I'm attempting to format text from an object in an array. I am mapping the objects to jsx. I am not sure how I would go about formatting a single property from a particular object. I've been googling for a bit, but maybe I'm not asking the right question. Any Ideas? ```js { id: '0',...

why css grids, just why??

I'm just asking as the grid overflows and it's not easy to make it dynamic

Seeking Guidance on Button Design: Photo and CodePen Link Provided

I have a question regarding the button I've shared a photo of. Could you please let me know how it looks? Additionally, I'm sharing the codepen link to show how I've approached creating this button. Can you guide me if there's an easier way to achieve the design shown in the photo? https://codepen.io/Amit-Soni-the-vuer/pen/VwNeWbj...
No description

Need help with this HTML&CCS Challenge

My first problem that I'm stuck on is the <picture> element in html I'm not quite sure if I'm using it properly. My second problem is when I go from mobile to desktop my header and text seem to still be aligned centered and still have the max ch unit from mobile. I've tried fixing it but Im not quite sure how to get rid of it
No description

How to make this dynamic UI

Hello everyone. I have no idea to implement it. Requirement is the items which will disappear and show its hidden total when screen is increasingly narrower Ex: A,B,C,D -screen narrow-> A,B,C +1 -screen narrower-> A,B +2 Thank you everyone...
No description

Horizontal Scroll Carousel

Does anyone know of a JS library or jQuery library for something similar to this? This was built in React, and I don't know enough about it to reverse engineer something similar. What's really special about this one is how seamless it is. You scroll down, and instead of continuing downward, you automatically start moving right until the end, and then back down. It's really cool. https://www.hover.dev/components/carousels#horizontal-scroll-carousel https://www.hover.dev/frames/carousels/horizontal-scroll...

[React/NextJS] Any React Devs that can help figure out where we've gone short with this Cart?

https://github.com/callum-laing/shopping-site/tree/main We're using localStorage and useEffect.. I think we're close, but we can't quite figure out the final hurdle to get over the finish line... We're working in app/cart/page.jsx and app/shop/page.jsx....

swiper active solde prob

Hello awesome dev ! I have a problem, I want to make a slider with Swiper. I would prefer my active element to be on left. Only my active style has a opacity of 1. My problem is that once all my slide is visible the class swiper-slide-active stop to go to the next slide and my « nextΒ Β» arrow ain’t available. Not sure if im clear but here a codepen to demonstrate the problem : ...

Can you think of a good use case for an css-only if/else like this?

So, Lea Verou put out a tweet looking at a pretty cool way to make an if/else with CSS-only, for styling things, and I was going to do a video on it... but I want to find a good use case, and I'm having trouble, so I'm open to any and all suggestions! This is the basics of it: ```css h1, h2, h3, h4, h5, h6 {...

CSS Columns layout with dynamic overflow-x

Please see the included code. - Why is my <main>container overflowing vertically instead of horizontally? - Why does it work when I set a fixed height on it? It should simply fill the available height it can have, and overflow on x dynamically. Many thanks for any assistance. I had expected this to be very easy, but instead it's made me hate CSS again....

How can I create a shape like the one in the photo and it has a border?

I want to create a shape like in the image and it has a border around this shape. Can anyone help me?
No description