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

Como

10/10/2023

Anyone knows how to achieve this design?

This table has empty <tbody>, but its height is fixed. Normally table has dynamic height, but in this image it doesn't. Tried using flex, but its just weird to use it for table. Codepen:...

Myndi

10/10/2023

JS logic question

```js var x = 10; var y = 20; function abc(x, y) {...

Luka

10/10/2023

Problem with hero image - positioning behind header

Hi, ya'll o/ So, I have this image and it's suppose to be kinda of out of screen and behind the landing page header. I have tried put position/z-index on the image and header put couldn't make it. When I try to put a z-index on the header, the maximum I got is the .header__cta above it, but the white header still behind u.u Can someone help me ? 🙂 codepen -> https://codepen.io/rwxganta/pen/oNJmzZK...

bernie

10/10/2023

Flexbox 101: Setting height to box when using flex-direction

Trying to get the hang of how flexbox works on a more fundamental level. How come height is not being able to be manipulated when using columns (in div boxes without content)? https://codepen.io/spaghettibernie/pen/rNoPqjX Let's say you wanted to space up the div boxes to take more space, what would be an effective way to do that? "flex:1;" (flex-grow:1) does not seem to do anything here. Entering "test" into one of the div-boxes does extend it, but it limits itself to the content (block-type behavior). ...

Flaviu

10/10/2023

How to set full width for items

Hello community, I am trying to set the gray background to be the size of the screen, but the width property doesn't seem to do that. Any links or ideas are welcome....

Kiran

10/10/2023

How can I turn a React application into a PWA?

I am currently using a React application with Vite and I want to turn it into a PWA by implementing a customized popup for users to download the application. I have attempted a few solutions, but the service worker is not registering and I am only able to access the PWA on desktop and not mobile devices. I am using a vite-plugin-pwa and need assistance in resolving this issue. Can anyone help me sort this out?

lafayette

10/10/2023

FLEX WRAP IN MEDIA QUERY NOT WORKING

why isn't the header btn .a (github button) & toggle btn wrapping onto the next line???

Jus Sus || 💀

10/10/2023

How to achieve this animation

https://www.veed.io/view/a4e9b64b-1e53-4903-a087-feb493f5c6bb?panel=share I am trying to replicate this animation but unable to achieve it. Any kind of help will be very helpful❤️. These are the resource images i used: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg2YMdBO9YXfFyg2LdUjtzediDJP7jmeAScKWY193RmdNB5XvzWDuyw1-PcSR8SfrNCPMXkl9kqzi4Ki-k3MJqZCx1oKwszHq3ONlcH_36SS5pio5i32ZyPe1NKPu0B2TkRvI7dkeCbXUNyOJvl0SSlFPiXBOrq52y370VzyrkJ1IQJx8XkHsMFRA1AHwX/s619/blurryLargeImage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEi1BIRQR9ZU64asiLsCADXLIe8qI6XEU3nlCqP215029bSO9-2Kvo04FbCFj6JbCZVv9YOKlocSmWDsp3C2euep8GhcTnm9VHjVfNuDT1jTDZDws2UR1KfqhJU5dRUdo759LE03uMAfHvddt2FOhM7rHrT_WsPDpAUT1aYUgw5PxgrNVjDspvxd3nY_0H/s1218/clearLargeImage.png ...

sebin

10/10/2023

React Problem with Tailwind?

I just started using react 2 days ago. Im currently facing a problem with react to tailwind. The problem is when I'm using components as I design I don't see the results. But If I only design in the App.jsx I can see the output. Tailwind confi, App.jsx, components and output are attached. PS. This is a tutorial from a YouTube that Im just following....

lafayette

10/10/2023

HOW TO MAKE HEADER CONTENT LINE UP WITH FLEXBOX COLUMNS

how do i make it so that the pic on the left and github button line up with the ending of the flex box columns?

Naks

10/10/2023

Responsive navbar question - Kevin's video

Hi all, in video below Kevin explains how to create a custom mobile menu which will open and close when user clicks the nav-bar button: https://www.youtube.com/watch?v=HbBMp6yUXO0&t=2081s I have copied the code and all is working great except 1 thing - on page load if I resize the browser, the mobile menu will "flash up" as it's transitioning itself on mobile breakpoint, due to this CSS within the .primary-navigation : ...

Rakudai

10/10/2023

Getting Chart.js to work in a Vue js project

I'm trying to use Chart.js in Vue project but nothing seems to happen when I follow the documentation exactly as displayed on their website. https://www.chartjs.org/docs/latest/ https://vue-chartjs.org/ ...

Stefano

10/10/2023

Best animation Library with Vanilla JS

Hey guys so I'm building my site with vanilla JS and was introduced to different animation libraries like motion one and GSAP was wondering which is a better choice for basic animations on scroll and can animations differ depending on screen size? Like on mobile can I have different animations than desktop?

EmSixTeen

10/10/2023

Is there a way to force iOS to display a vertical scrollbar on a desired element?

I've been tearing my hair out trying to figure out why my scrollbars are disappearing, and it turns out it's an iOS thing (possible Mac too?). The browser is automatically hiding the scrollbars, and they're only showing when I hover the element, which reeeeeeally isn't acceptable as the user needs it conveyed to them that the element is scrollable by sheer virtue of the affordance a scrollbar gives. This also happens on a desktop browser when viewing the page in devtools as an iOS device....

Bloodika (Legjobb)

10/9/2023

Mixing overflow-y and overflow-x

Hey team, I have a certain problem with forms and overflows Imagine having the following structure...

Winnie Nguyen

10/9/2023

White place

https://peppy-kitsune-0f72e6.netlify.app/ My CSS is having a problem with the white place, it is also on the mobile screen. Although I follow Mobile-first, I don't know why it looks like that, Could anyone know the reason why and the solution for that, please support me, I really appreciate it 🙏...

Flaviu

10/9/2023

Media Query, trying to turn text into icon.

Hey guys I am going thorugh a web development bootcamp and I am not getting any help from my mentor. I am trying to turn the "Search" text from the search bar into a magnifying glass when the width of the screen is 767 or less. This is the last hurdle I have to get over and the website is done any ideas, links anything would be very appreciated....

lafayette

10/9/2023

CLAMP VS MEDIA QUERIES - mobile friendly

i don't need to use media queries if i use font size clamp right? im trying to make the website responsive on mobile...

Chaves

10/9/2023

How to make a button inside an input

I'm trying to make this input with a search button inside, but I'm not succeeding. How do I do this style?

Abdul Ahad⚡

10/9/2023

Rotating Tab links in mobile

I'm trying to achieve this tabs layout. I've attached the desktop version and the mobile version I'm trying to get. Desktop is fine but facing problem while implementing the mobile version. I've rotated the product-tab-menu-link in mobile but it's not filling the whole space available. ...

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