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

Flip-boxes with text

CodePen: https://codepen.io/keith-sorrels/details/BabeQpa Problem: Text upon flip is not readable because of the other boxes blocking them. I like this configuration but need it to work. Thanks....

MUI DataGrid Columns and Filter Buttons Not Working

Here's my code, anybody have any idea why the Columns and Filter buttons would not work?




...

auto layout

Hello guys I wanna know if I can make the Pink section start where the blue is starting but grow the right side to the edge of the viewport.
No description

I'm seeking work as a full stack designer and developer.

Hello Everyone I'm seeking work as a full stack designer and developer. If you have any work and planning new, kindly let me know. Here is my portfolio. ...

Generate new DOM

I was showing my stuff for other people and they said the way I'm generating new DOM is a bad practice. Is that so? what would be a better way to achieve athe same thing then?
No description

nested :is() selector

what am i missing with this selector ``` & :is(>:nth-child(1)){ background: turquoise; ...

How to create this animation using CSS

I wanted to know how to create this animation using CSS only. Is it possible?

Best way to achieve this layout with Grid

I'm trying to build this layout. I've done so with flexbox using media queries for responsiveness. However, I'm trying to figure out a fluid way of building this with grid. Is there anyway to build this responsively, where items stack on overflow, with grid columns? I've tried but using concrete values isnt getting me anywhere. Any advice is appreciated, thanks
No description

How to add more number options, but keep the card count at 5 in Memory Card?

https://cdl-memory-card.netlify.app/ https://github.com/callum-laing/sv-memory-card It will change to images later, but for now I want to just be able to build this with numbers, which I think is a much easier thing to implement....

Help with storing user Data

Hi everyone, hope the coding is going well. I'm at the part of my website where I need to store use data. Would that be stored in local storage, or local and session storage?

Bootstrap-Table: Table Sticky Header extension not working

I copied the exact same starter template they have on their documentation, just to make sure I wasn't implementing Bootstrap-Table wrong: https://bootstrap-table.com/docs/getting-started/introduction/#starter-template After that, I went to their Table Sticky Header documentation: https://bootstrap-table.com/docs/extensions/sticky-header/ Then I pasted the code on the Usage section within my <head> tag, then on the table I added the attribute like this:...

is it possible to make divs grow according to its grid cell?

I'm trying to make a wordle game and a problem I'm confronting is about responsibility. I want each div to have a 1fr of size, that is, its grid cell width and properties. Can someone guide me on how to do this? Css code in image Codepen: https://codepen.io/leoncelestino/pen/OJqGwwz...
No description

Grid with Toggleable Sidebar Issue

Well, copilot can't figure it out so maybe you guys can. I'm trying to create a sidebar that is toggleable, which seems like it should be pretty simple, but I get this weird behavior where the main takes a few seconds to readjust it's width. Here's the css...

oveflow-y scroll using % inside a flex item

Hi there! I have a problem with a layout and not sure if itΒ΄s posible resolve using flex. I added a codepen with comments explaining the problem. Any idea about how to solve this? https://codepen.io/segundofdez/pen/NWJmMqe ...

Should I use a different page to render an entirely new DOM?

I'm making a dictionary app, using the free dictionary api (https://dictionaryapi.dev/), and I'm "replacing" some of the default html dom with a new one, generated according with the api. I wonder if the way I did it is fine? or should I indeed render a new page? Github: https://github.com/LeonCelestino/Dictionary...

How to make this layout ?

https://codepen.io/web-test-the-sasster/pen/zYbXPPg bascially i want to fix right/left sidebar fix and nav to be sticky and main content to scroll. How can i acheive such layout ?...

how to match both the filter value to lower case

here how can i get the classList to lowerCase ``` function filterResults() {...

grow image to size of sibling

See: https://svelte.dev/repl/a8f8ff1c7384448d96e36d4a9b30cfea?version=4.2.11 Is it possible to make the icon grow to the height of its sibling?...

How to Animate Slider Loop?

How to Animate Slider Loop without touching the swiper buttons?
No description