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 can I make variables from 1 file present in another

app.js `export async function main() { try { const accessToken = await getAccessToken(); const episodes = await getShowEpisodes(accessToken, showId);...

How to solve this

Is this responsiveness issue and can be solved using media queries or it is due to wrong code ? please tell me in simple and easy words, I am newbie

Positioning logos and controlling them responsively

Hello everyone, hope everyone is fine. My question to you is how do I position my logos and control them responsively if you're answer is flex wrap I already tried and the problem is that using that I simply don't know how to position them exactly like in the mobile design, please write your HTML too that would be amazing help. (webs looks messy since I am finishing the mobile part currently) My code: https://codepen.io/Adhurim-Gashi/pen/ZEmMbpK...

Best color scheme for colors

I am using colors in CSS and there are multiple options like HEX, HSL, HSB, RGB etc., I wanna ask, which one is used by professionals and which is considered to be the best practice to use?

JavaScript Scroll Animation

I have followed a this video - https://www.youtube.com/watch?v=VgS5CP7zlXE it works but i have an issue where this code - scrollOffsets: [CSS.px(250), CSS.percent(80)] doesnt seem to have an effect on when the transition starts and ends please help me...

How to set up Font awesome in Sass

If I can get a well detailed explanation on how to set this up, especially using the method of compiling sass using the terminal and not extensions

My image doesn't show up after checking the radio tag

I wanna change my image after clicking on radio tag I originally make my image opacity 0 and after 1 click on radio tag it should become opacity 1 but it becomes nothing heres my code. thx in advance https://codepen.io/Dennyyan/pen/NWEBeJB...

How to export svg (logotype) in Figma so later I will be able to change its color in css?

I tried first outlining and flattening the logo before exporting. I also tried using the "SVG Export" plugin for figma and later changing the fill="#000" to fill="currentColor" in the svg file

Query regarding absolute and relative positioning

<style> .pink.box { position: absolute; top: 0px; right: 0px;...

How do I remove/hide the Browse button?(it's linked to ::after)

Here's my code: ```html <!-- Card Body --> <style> .bigger-icon {...

AstroJS + Vite npm module import error

Hey, I have an npm module I'm trying to use in an Astro component. ```js // SeedMap.astro ---...

List tabulation

As part of a site I am working on, I have a list of articles that have a date and a headline. The structure looks like so: ```html <ul> <li>...

special accent in css

Hi, I need to make an accent with the aqua grotesque font as in the attached image. The font does not have it by default, can it be done with css, how?

is this called as prop drilling ?

``` // App.js import { useState } from 'react'; import Rating from './components/Rating'; import Thankyou from './components/Thankyou';...

Aligning text both to the left and center

Hi there! I’m working on a site whose primary audience is people living in the Eurozone. Naturally, this makes multi-language support pretty crucial. At the moment I have this language-selection screen, but I was wondering how I could have the language code aligned to the left of the button with the language name aligned in the center? Feel free to assume I have no CSS knowledge

CSS Column Help

having a brain derp... I'm looking to have a 3-column box (grid or flex work) - I'll label the columns A, B, and C. I need both A and C to be the width of max(A's contents, C's contents) and B to be whatever remains. ...

Update route parameter in SvelteKit

I'd like a quick sanity check. I've got a route in svelte, /browse/[[page]]. The page param is used for pagination. I've also got filters on the same route, and those are put into the searchParam, so a full URL might look like this:
/browse/2/?name=test
/browse/2/?name=test
When I apply filters, I use goto to update the searchParams. Originally I had ...

react-hook-form input radio not having a default value supplied

Hey! I'm having an issue with RHF (react-hook-form) and controlled radio input. The default value supplied by useForm does not results in radio button being checked by default. I figured a workaround by supplying defaultChecked with a comparison with a default value, but that feels hacky. If I try with uncontrolled inputs (vanilla html inputs), then the default value is supplied correctly....

send the user to quiz page after he click on submit button

well how can i send the user to the quiz page (html or css or javascript) according to his select from the dropdown list in the menu, I mean when he click on submit button ??

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