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

Dev_HK

3/11/2025

how to tell on grid break; the last element take full grid col

```css .our-packs-grid{ width: clamp(calc(64rem - 4rem),70vw,80rem); margin-inline: auto;...

Boxman

3/11/2025

Hello, no one uses vue, let's communicate together

👀 vue2vue3 can both include JS

rctneil

3/10/2025

Dialog styling with nested vanilla CSS

Hi, I've taken this code from Adam Argyle as a basis for styling my dialogs: `dialog {...

ahmd shajmeer

3/10/2025

Image to base64 throwing an 500 error

Hi, am working on project where there is wholesaler create form that needs to post image and other few datas. The api takes application/json as reqHeaders so, I am trying to convert the image as a base64string but on submitting it throws this error

django.db.utils.DataError: (1406, "Data too long for column 'image' at row 1")

django.db.utils.DataError: (1406, "Data too long for column 'image' at row 1")

lanszelot

3/10/2025

API how to

Hello, I have 2 question about apis: - Time to time I found free apis but I could not figure out how could I get the api link and how could I use it on the correct way. Example this: https://graphql.org/swapi-graphql I have no idea how can I get the link....

Dev_HK

3/10/2025

UI is quite hard to debug idk what's causing this overflow

here i'm hovering over body & still looks that i's not overflown by any element

uylio

3/10/2025

Increasing Div's width from it's center

Example with explanation in the codepen: https://codepen.io/mab141211/pen/VYwzMqN?editors=1100 I've been at it for so long and tried multiple ways to achieve this. This was the last way that I tried. I hope someone can help....

Axim

3/9/2025

removing crossing path in svg

Hi Im trying to make some simple svgs, but when doing a cross sign (x) there's some path that is overlapping but cant find where since Im only using the cubic bezier command for rounded tips. Here's my jsfiddle (it's the last svg): https://jsfiddle.net/qh87nk3u/3/...

i_lost_to_loba_kreygasm

3/9/2025

Do I use fixed height of 100vh for the hero/ first section ?

Should I use fixed height or add an insane amount of padding ?

lko

3/8/2025

How can I make this parallax work?

I have this: https://codepen.io/Lko3001/pen/MYWvweJ I set the perspective property on the .banner and a translateZ on the img, but why isn't it translating on the scroll? I want to do a parallax in pure css, I don't want to use JS...

tbasallo

3/8/2025

Grid Sticky Header/First Column

Does anyone know why and if there's a fix for a Grid/Flexbox layout with a sticky header and first column, that seems to work, but when scrolling horizonally, the header is only sticky for the original width of the viewport. This CodePen is a good example (from someone else here with a sticky header question): https://codepen.io/AnaZG1509/pen/xxJbjzV If you make the viewport small enough, you'll see that it moves after two columns' width worth of scroll. I can't seem to get a grid/flexbox stickiness to work that doesn't suffer from this. My current solution is a table inside it's own grid container so that the header and first column correctly stay in place in the whole page (opposed to a fixed height container). But tables tables are not ideal for this (I am trying to build a scheduler)...

roelof

3/8/2025

How can I make this animation ?

Hello, I have a div with a background-color and a text. Now I want if you hover over the div that a darker color appears from the bottom to the top and the text moves also from the bottom to about the middle of the div. ...

posix

3/8/2025

Material Icons weird double outline

I would be so thankful for any hints as to why the strange double outline inside the icon appears. I have ```html <head>...

Marco Mundt

3/8/2025

Hello everyone,I'm struggling to implement a layout, and I just can't ...

Hello everyone, I'm struggling to implement a layout, and I just can't get it to look and work exactly as I want. Does anyone have an idea how to solve this? 🙂 What you see here is a skills section with a person in the center, surrounded by a semi-circle that contains icons. These icons should also have a hover effect....

Ahamed

3/8/2025

Is Frontend Development Becoming Obsolete?

With no code tools , creating beautiful frontends has become easier than ever. Given these advancements, should developers still invest time in learning CSS and frontend frameworks, or is the future shifting towards no-code and AI tools? Would love to hear thoughts from experienced devs....

Nass

3/7/2025

Hello how do I achieve this animation on the mobbin website ?

this is the website https://mobbin.com/ i attached a video showinmg the exact section any help would be appreciated !!!

aprhyvs

3/7/2025

How to keep .wrapper content centered in different dimensions?

Similarly by just zooming in and out, I noticed the contents in my .wrapper go further to the left side. I tried using these: ```css...

i_lost_to_loba_kreygasm

3/7/2025

I need a hint on this layout in the image attached.

I need to use flex for this isnt it ?do I need negative margins?

Romoy

3/6/2025

Does anyone have any idea how this shape is made?

rctneil

3/5/2025

Colour format choice

I'm rewriting my sites styles and have got to the point where I need to work out a system for colours. What colour format would you recommend me to use, and why?...

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