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

wanna organize my file structure (html&css)

feels messsy and need to add even more files
No description

How do you set proportional border-widths based on image size?

Codepen: https://codepen.io/nathanchase/pen/QWovJRx I'm trying to make it so that the border is the same approximate width proportional to the size of the image, so a smaller image will have a smaller border width, and a larger image will have a larger border width. I thought setting a container: inline-size on a parent element and using cqi units on the border-width would work, but it doesn't seem to. ...
No description

Target something using Position:Sticky if it's reached the bottom

I love position:sticky it works great as a hassle free to make objects follow the users window. Does anyone know of a way I can adjust something in CSS if that sticky element has reached the bottom?

How can I fix the issue with garbled characters that appear after selecting files using the input?

In my web application, I have implemented a file input element (<input type="file">) to allow users to select files. After selecting a file (I'm trying to open MS Word files, which are written in cyrillic), the content is displayed in an editable <div>. However, the text shows garbled characters. How can I handle different encodings (if needed) and ensure that the file content is correctly displayed without any garbled characters? Here's the code snippet: ```html <div class="import"> <input type="file" onchange="openDocument()" />...

how can i implement js in html

need to implement js for my website assignment
No description

Error code 522

Hi, I'm trying to figure out why I keep getting Error code 522 while trying to use my website. Its hosted by cloudfare, and I also did have it linked to github. The website is thegoodspoolservices.com, any advice would be appreciated

Mason layout are not arranging itself in required format.

i'm using 3rd party library phot-album for displaying masonary layout what caused the problem? i believe the issue is caused by the fact that some of the images have forbidden access below is the function through which i'm handling the 403 forbidden error can someone please check and let me know if i'm handling the 403 error correctly?...
No description

ima sdk

Anyone working here with IMA-SDK? we are using it to integrate Ads in our player. Thing is I need to listen the event IMPRESSION which fires when fires when Ad is rendered on the player. I am able to see this event in Ima-sdk for HTML5 but not in Android....

trying to get a better understanding of the connection between html and css

how you should connect them clean between multip[le files and why it skips certain html files
No description

Vertically align text that is wrapping a shape

Here's a puzzler. I wasn't thrilled with any of the solutions I came up with, so I thought the hive mind might point out a simple solution I'm missing. - Everything is text. - The solution has to work with any amount of text in the right-hand area. - The left-hand circle has a fixed size and limited range of content (no need to worry about overflow) - HTML can be structured to fit...
No description

Is a CSS pseudo-element an acceptable replacement for missing whitespace?

Hello, I have a glossary plugin I am using in Drupal which litters my content with extra whitespace elements (not characters) which messes up content formatting. I have successfully removed these whitespace elements from the DOM using javascript which targets any paragraph where the glossary plugin has caused problems. The new problem comes when two glossary terms appear next to each-other and my script removes the whitespace between them. They are still separate elements in the DOM which are read out by screen readers as separate words, but they look like one long word... I can fix this visually with something like ```css...

Time is not running

I realise this https://codepen.io/alpha_66/pen/JjzNdqx?editors=0010 the problem I have now is the time is not going (sorry for my english I m french guy) can I get a idea about what is going wrong ?...

text-decoration-line: line-through and pseudo not quite right

I am trying to style the strikethrough of some text, and neither quite works as I want. ``` text-decoration-line: line-through; text-decoration-thickness: 24px;...

How to reduce text content instead of squeezing the text ?

If you look at this text part, this text content get reduced when width is reduced instead of squeezing the text. How can I do that ? I'm working on a React Application....
No description

custom input checkbox animation

Hello all, I have been looking for a custom input animation for type checkbox: https://codepen.io/MilindGoel15/pen/jOJmrYx Looking to create in this tyle but i want it to grow with rounded circle to full square instead of becoming rounded on active....

Social Media Icons

I'm trying to change the color of the icon to white, I did everything I could, but couldn't find any solution. HTML: <div class="social"> <div class="facebook"> <a href="#">...
No description

CSS flex stretch and flex end align items

hi there, I'm having a little trouble on mobile here3. I'm am using flex, which everything work, but I want my image to stretch the entire width of the container, however, I do not want it to be pulled up from the bottom as it does. When I use flex0end, it stays at the bottom correctly, but the image doesn't get more height when giving it height or anything....
No description

Flex container's item heights not working

i have a flex container in which i have 2 items im trying to set height of one particular item but im unable to
No description

Problems in vue3

Good day. I'm having some problems with vite and vue3, especially working through "configuration". I couldn’t find anything on YouTube about this, can you give me some tips and advice on where and how to get good knowledge of vue3 and work with the “setup”. I'm having problems. There is a problem with custom elements in vite.config.js, each element requires inclusion in an exception, is there an alternative to this? How is configuration done in Uinput.vue, how do you understand when and what needs to be added? There is such a company in the global.js file, it seems to me that this is some kind of crutch, please tell me whether I am right about this or not Thank you for attention....