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

Autistic5YrOld

12/25/2023

Nav Links not showing on screens larger than 768px

They only show when I toggle the button on the mobile view and then switch back to normal view. ./components/Header.tsx...

Chaves

12/25/2023

Doubt in the semantics of the website

Guys, I'm in doubt regarding the semantics of the website, should this first part (the hero section) be inside a <header> or inside the main content (<main>)?

Brightie

12/25/2023

How to removeEventListener

Hiya! So I need a function removed upon clicking, I've read the docs and I've tried it several ways, also checked the console to see if I could find something useful, but to no avail Maybe I am just misunderstanding it Anyway, in image you'll see the function I need removed (its the one in dynamicpageload)...

Brightie

12/25/2023

Object won't go hidden

Hey so, in the image you'll see that the trashcan should have the hidden class, yet the trashcan is not hidden.. The trashcan object is: <i class="fa-solid fa-trash-can articleDeleteTrash" style="color:white; cursor:pointer;"></i> the css of hidden is:...

peterpumkineaterr

12/25/2023

how can i put text under another text like this ?

i want to do this in scss.

4ngel_._

12/24/2023

Tailwind Marquee Effect

Hello, this may be complex to explain but i'll try my best to do so. I have 4 grids (See image below) and each column can contain an image. My idea was to implement a Marquee effect on the Y axis, with the following conditions: 1) The Y axis must follow a what's-so-called "pattern": Y(1): Down, Y(2): Up, Y(3): Down, Y(4): Up 2) Images shouldn't be repetitive - I don't want the same images to appear somewhere. 4) One image at a time - For each Y, display one image at a time (I don't know if you get it) ...

Bloom

12/24/2023

WordPress Theme compatible with Elementor

Hi! I'm in the process of making a WordPress theme from scratch, one of the requirements is that it has to be compatible with Elementor, I've been looking around but I'm not sure what kind of functions or add-ons I should add to make it fully compatible. Thanks in advance!...

3924+3C

12/24/2023

Formatting a grid

Hi, I have this grid with a bunch of these course elements. Is there any way to remove the funky extra spacing behavior and make the "Venture" courses only span as many grid spaces as needed besides using flexbox and rendering a "grid" with multiple columns and uneven rows? This is the current code: ```css...

4ngel_._

12/24/2023

Broken Tailwind Responsiveness

So Tailwind responsiveness is broken. Here is the PC and Mobile version:

peterpumkineaterr

12/24/2023

how can i make this button in css and html

Shelby

12/24/2023

tailwindcss

I'm installing tailwind CSS correctly from YouTube videos am watching but mine not working, need help on this #front-end

thethingisback

12/24/2023

Greensock (GSAP) ScrollTrigger - 2 consecutive ScrollTrigger animations?

GH: https://github.com/nnall/GSAP/tree/main/experiments/react-playground/src I have a para that I've applied a 'SplitType' to in order to get the paragraph lines, apply .to() methods to them, and translate them X in my GSAP scrollTrigger animation: ```...

Valdemar_check

12/24/2023

Margin auto doesn't work as I expected

I am trying to put .left and .right elements evenly within .header-content using margin: 0 auto. When I apply the rule, it doesn't do anything, why? HTML: ```html <header>...

Leo_

12/24/2023

How to Delete Component ?

I wanted to delete the card that is displayed in the image, when you click on the "delete" button. But this isn't not working from what I read from the article : https://www.codingbeautydev.com/blog/react-remove-element-onclick Code: https://paste.ofcode.org/xdjSVt6TsrqGCQS9e8CN7r...

cmachdev

12/23/2023

Help to design the layout a newbie

Hi, I want to make this design, I need to center my layout and responsive to mobile, any suggest or advice? Thank

themogul

12/23/2023

How do I create exact form using CSS?

I'm struggling and confused in creating exact placeholder that is shown in Image and also don't know How would I create exact 'Phone Number' field with country codes and flags. This is the only problem I urgently need help. Any help would be appreciated.

Hungry🐻

12/23/2023

My footer isn't sticking to the bottom

I have a contact page. Now i know my main isn't filling the space but i assumed the footer will be the last element but there's a space after the footer which i don't want. This is the code pen : https://codepen.io/oti-adjei/pen/yLwLGze

WHIZZBBIG

12/23/2023

How should I create the layout in the image using grid

I am trying to create this type of layout on the grid but am not sure how i could achieve it with it. also if you know any type of grid layout generator tool that would be very great help!

coder

12/23/2023

live server not working(vs code)

Hi live server has been working in the past. But yesterday i got this error message: This extension has been disabled because it does not support virtual workspaces. I have tried restarting vs code but i cant get it to work. I was wondering if someone can help me.

sheikh

12/23/2023

Font family not working on html,css

```css @font-face { font-family: 'Main UI'; src: local('./BebasNeue-Regular.ttf'), url('https://fonts.google.com/specimen/Bebas+Neue') format('woff2'); }...

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