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 create a line between grid col

we can create col using grid but i dont how to deal with that vertical line in between can you explain?
No description

Need to remove bottom padding

I am using flowbite react sidebar component there appears a div in dev console with py-4 I cant override it in code I have marked where the div appears in between those tags...
No description

HTML newsletter coding - outlook line-height issue

Hello. Anyone able to help with some styling issues in outlook newsletter styling? Particulary line-height in outlook

get div to be center of screen

how can i get a div to be centered on the screen and should stay fixed there?

how to make text responsive?

please i struggle with this i already done with my ui just the responsiveness, i use json as dynamic data

How can I bind mouse wheel to the scroll-bar in a overflow-x scroll?

I have a div which contains 10 elements. I made the div a flex and overflow-x scroll. But when I hover over the div and use my mousewheel it does not scroll. So please help me how to use scroll it along the x to show the overflow content when I am over that div.

new java script bug ! help

~~~js <script> function submiter(){...

Login Redirect

how to make a login button that when clicked takes you to discord access page.

Your thought process

I often spend far too long trying to work out which way to address a layout, should it be flex or grid, 3 columns x 2 rows etc. Taking the layout below, how do you address the approach? (pink elements are images, arrows show direction of content)
No description

ReferenceError: Request is not defined -while setting up sveltekit project

```js ReferenceError: Request is not defined at getRequest (file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/node/index.js:107:2) at file:///C:/Users/welcome/Desktop/Ed/sveltkit-test/node_modules/@sveltejs/kit/src/exports/vite/dev/index.js:497:27 at processTicksAndRejections (node:internal/process/task_queues:96:5)...

i want to do this design of cards stacking

https://ui.dev/ Can someone give me brief guide how can i achive this...

how to do the design for this container

hey guys, i wanna ask if anyone is familiar with how to make a navbar with this sort of styling (the covered edges)? and how can also make the text container have this sort of style as wellโ€ฆ am sorry am new to css and this is kinda advanced for me
No description

[Frontend service]

Feel free to message me if you have any issues. I can help you for frontend development...

How to import a folder with multiple images inside

Hello i am working in React and i want to import a folder with 1000+ images to use them in different components. How can i do that? All the images have as name an defined id which i will use later. I just need to import them all at once from the folder and save their names as an array. I tryed some codes from the net like this: import React from 'react'; ...

help with this layout thing

Attached are 2 images, NavBar is at top of the screen, component A is somewhere on the screen ( left image ). After scrolling, component A sticks below NavBar ( right image ). My only idea is that NavBar would have sticky and top-0, but how do i make the layout work for component A without hard coding?
No description

Anchor Tag Isolation?

Is it possible to limit how an anchor tag works without Java? A site I use doesn't allow Java, so I thought I could maybe implement this carousel I found on Codepen. https://codepen.io/Schepp/pen/WNbQByE?editors=1100**** Also I can't use input, labels and radio. So I'm limited to this as an option. ...

Iphone safari search in the way

hello, could somebody help with a solution to the safari search popping up when you scroll up, and the website moves up, I've tried messing around with min max, dvh, vh, padding, and I kept reading about adding 50px? could someone help, and thank you. Do I need to use js?

Site starts off zoomed in by 50% when on mobile, not sure why (Nextjs)

I am trying to slowly make my WIP site more responsive, which I have started by applying Kevin's principles for the CRL course regarding the two images in the middle off the screen (MeAndPoco component). It resizes well in my browser dev tools, but on mobile the site seems too zoomed in. The site is available here: https://joseph-d-bradshaw.github.io/personal-site/ The component I assume is responsible is available here: https://github.com/Joseph-D-Bradshaw/personal-site/tree/main/src/app/components/MeAndPoco...

Button to close the website

i want to add a button on my wix wesite which when clicked will close the website here is my code that i am embedding but it is not working but when i run this code on my vs code it work here is my website url https://talhamustafa753665.wixsite.com/contact-form " when you will open the website after 3,4 seconds it will show you a lightbox on that lightbox there is a button named"close website which should close the website " ```...

CSS Grid Help

Hello, I am having a stupid time trying to get my first grid to look right. When I load my page, all my grid elements are there but they are not in the right position. They are just listed row after row instead of being in an actual grid with a navidation side bar and two additional columns. I have been over my code countless times and can't find my issue. Additionally, when I go to inspect on my website the css code for my container does not appear but I have double checked that my naming is correct. I've added screenshots of all of the grid code, additionally you can see what it's doing at www.pergolaluxe.com. Any help is greatly appreciated!...
No description