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

Matt

2/21/2024

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

CDL

2/20/2024

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

Stan Long

2/20/2024

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?

Honded

2/20/2024

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

message.txt

Pi, a future fluent jp speaker

2/20/2024

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

swimmy jones

2/20/2024

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

Segun

2/20/2024

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

Pi, a future fluent jp speaker

2/20/2024

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

Bismuth

2/20/2024

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

Aldrin

2/20/2024

how to match both the filter value to lower case

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

Wonderbear

2/20/2024

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

SonnyJR

2/20/2024

How to Animate Slider Loop?

How to Animate Slider Loop without touching the swiper buttons?

bharathgowda4947

2/20/2024

Road map

Hi everyone I'm interested in learning from and web development and I'm new in this development community can any one suggest me how to become web developer

sapatchy

2/20/2024

How do I store details of users in frontend when they sign in?

I was wondering is it wise to store users details like name pictures and other general information in frontend after fetching the data once from the database when they sign in. And what will be the effective way of doing that?

Stan Long

2/20/2024

Why does click work but hover doesn't?

Here's the code I'm having an issue with one.addEventListener('click', () => { if (one.hasAttribute('checked')) { one.style.backgroundColor = 'green' two.style.backgroundColor = 'rgba(211, 211, 211, 0.9)'...

learner

2/20/2024

What should I do next after CSS?

So,I have completed HTML and CSS by doing projects for better understanding. Now,I want to know what should I do next? Should I do any framework of CSS or JavaScript?...

Rhandom Guhy

2/20/2024

How to code this form

So I recently got back into coding and I don't how to go about coding this form. Can someone help out. I'm using plain html and css. Thanks in advance...

CDL

2/19/2024

Possible to turn an image into a prop in svelte?

Messing around with Svelte and have setup a gallery using the same image but will css/svelte it differently for each image (is this possible). Wondered if it was possible to save that image as a prop, so instead of having to do img src="" .... I can do <div>{img}</div> etc... I wanted to mess around with each image differently, would that then be possible with the single prop, assuming what I'm messing with is the div containing that image, and not the propped image itself?...

Sanan

2/19/2024

Positioning Popover with Dynamic Card Heights

In my Vue.js app, we have movies section. which displays movieCards component depending on movies coming from an API. And where each movieCards component height varies based on its content, and movieCard's height dynamically adjusts based on its content, including movieName, duration, and categories. and there's a popover triggered by a button in the card's footer. Now, I need to move the popover to the top of each card, but since the card heights are dynamic, I'm not sure how to handle it. Although the popover offers an offset option to adjust its placement, determining the appropriate offset value for dynamic heights remains a hurdle. like how much do I exactly need to change offset values so that it reaches to top of card ? Any tips or resources would be helpful...

francis

2/19/2024

Sass/SCSS

Hey everyone, I'm just starting out and trying to wrap my head around Sass/SCSS. So far, I've gathered that it helps make CSS more structured and readable. But am I missing something? Is there more to it than just a syntax tweak for better readability?

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