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

help

how to build registration form for quiz website that must contain a drop-down list?

Hello! how you doing all? well how to build registration form for quiz website that must contain a drop-down list of the required positions which (JavaScript, CSS, Html) ?

To space-between, or not to space-between

🤔 when spacing two flex items to the opposite ends in a flex container on the x-axis (flex-direction: row), is it best to use justify-content: space between or set margin right or left auto on one of the flex items? Does it really matter?...

How to create a Pages swiper

I want to create a Pages Swiper like that one in the mobiles ( i want to scroll with the mouse ) {I know there is Swiper JS but i want to create one with myself}...

HELP ON NAVBAR

can someone help me, i have no ideia how i can to this!

Building a landing Page

Hey Devs, I’ve seen the videos of Kevin in which he says that in most cases, he builds all the pages first on mobile and then on desktop, in this front-end exercise, so they recommend me, and when I should start on mobile or on desktop. THANKSSSS : )...

Card-Component

anobdy can help me on this one, i cant fix the content section HTML ``` <!DOCTYPE html>...

how to make image fit the screen at the top of the screen?

sorry if I can't really explain things How can I make a image 100% width and height stretch on the screen when entering a page, regardless of zooming in or out nor device resolution. But, if scrolling down, other elements will be there, the elements wouldn't appear behind the image this is a good example of how I want it https://everybodyfitnessjomo.com/...

Repeatedly pushing the reload (multiple time), how to stop that!?

function if the session is expired, reload the page. but its multiple time pushing, If any method to stop multiple reload

media queries help

Please I'm using html and CSS my page always leave a blank space when ever I inspect on smaller screen, ply help #html-and-css

Typescript-eslint - unsafe assignment of an 'any' value

```tsx const [currentIndex, setCurrentIndex] = useState(Math.floor((slidesLength / 2))) const percent = (100 * (currentIndex + 1)) / slidesLength; if (typeof window !== "undefined") {...

any one can lead me to a good tutorials on those topics:

hello my friends I hope you doing well all! does any one can lead me to a good tutorials on those topics: 1. responsive registration form (quiz website for applying for a job) must contain a drop-down list of the required positions(JavaScript, CSS, Html). 2. When the user starts the test, they must have a countdown timer for the remaining time (if the time runs out before the user completes the test, the test must finish and the user will be taken to the results page). Note: Doing those task by using HTML CSS JavaScript....

Srcset not working

Hi! I'm trying to display webp images with fallback for older browsers, but I can't seem to get it to target my webp images on browsers that support them. It always falls back to my jpg images. According to mdn, I don't need to provide a condition descriptor (eg: 1x, 450w, etc) as it will be assigned a default descriptor of 1x. I have no need for that anyway as I am only using 1 image that doesn't vary too much in size. Here's the source code:...

GRID BEETER OR FLEX ???

i want to do this like the other one but icant or dont know how to chane the postion of the image

How to inspect element

I'm using Mui. I have an input that gets an orange border when I click on it, I want to inspect the CSS but when I go to the dev tools the orange border disappears. How can I inspect it? I've tried to force the element state on the dev tools, with :active, :focus, etc. None seems to trigger that....

How can I make calls to spotify api- I want to get episodes listed of a podcast.

There is a problem related to bearer token. I dont even know how to start writing the code

FramerMotion staggerChildren doesnt work

Im using react with framer motion and I dont get why the children dont stagger, they just appear all at once as you can see in the GIF, i'm a beginner with framer motion so i'll appreciate your help. Here's the code (too long for discord): https://codeshare.io/WdrVzd...

css animation

i have a position absolute element which has this:
top: 20px !important;
left: -5px !important;
top: 20px !important;
left: -5px !important;
...

Prettier is removing space between two jsx elements

how i should configure prettier to have a space between two jsx elements: ``` Output while saving with prettier <h1>Lorem Ispum</h1> <h1>Lorem Ispum</h1>...

Custom WordPress Favicon does not appear on all pages (Chrome)

Favicon appears on most pages, with the exception of 3. Nothing special about how those 3 pages have been setup. Identical to the ones that are currently displaying favicon properly. All works fine in FireFox but Chrome keeps showing default WP favicon on those 3 pages. This is the code I put inside my <head> tag <link rel="icon" href="<?php echo esc_url( get_template_directory_uri() ); ?>/favicon.ico" type="image/x-icon" />...