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

instagram api

Im trying to build a search function on my page so that a user can search for their instagram profile and get their profile information without logging in i have seen other platforms implement a similar feature but after reading the documentation on the graph api and basic display api the functionality is not available from the official api’s meta provides i am wondering if this is being done using bots and web scraping and if anyone has done this before or has a clue on how to do it… below is an example of the functionality i am trying to achieve https://www.youtube.com/watch?v=TcEzmIYi2Jg...

How do I recreate this line?

So I am currently trying to recreate websites to test my (awful) knowledege in CSS/HTML despite learning for months I wanted to know how I can recreate that line looking thing shown under the header

array object remove

Hey, I'd like some help I've been trying things for the past 30 mins and I jsut can't figure it out! I've completely made the add, create, delete functions they all work as they are supposed to...

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

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>)?

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

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

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

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

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

Broken Tailwind Responsiveness

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

tailwindcss

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

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: ```...

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

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

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

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.
No description

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