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

simulating support for missing web apis?

Is there a way to simulate the lack of support for web apis in Firefox or Chrome? Like for example, deactivating the push api so I can test if my fallback properly triggers. I was hoping for a setting in about:config or something similar. For example, I have this line of code:...

Google search result name change

Changed the domain name recently from infotelligent to selling.com. I have changed the all the title tags, meta titles and description. But I can still see the old name in the search results, how can I change this?...
No description

If anyone can help and look at my Html & CSS

I'm trying this challenge and just wanted some help on my code and what I can improve on and avoid. 1 question I had is whether or not I'm supposed to make a container when using grid or just put a width on the grid itself. I found when using a container/wrapper over my grid some of the columns and rows overflow when the browser shrinks because as the browser shrinks the container gets smaller but my columns and rows might have a fixed unit when using minmax() so they overflow. Any advice on ho...
No description

Applying multiple classes, or targetting a google font class in NextJS

Anyone know how to do this? I've got the font working on my h1, but I don't know how to target it. You can't target "h1" in nextjs for some reason, so I need to give it a class... but I can't seem to add multiple classes to this element. ```js...

How to create a pointy triangle border?

The border of the social media icons. HTML: <div class="social1"> <span>SHARE</span> <img src="icon-facebook.svg">...
No description

aria-current or aria-selected ?

Should I use aria-current or aria-selected on the active profile subcategory (currently SKILLS) ? https://icodethis.com/submissions/71933...
No description

JS Form Two Submit Options

I have a form using has a ID and JS file listening to the submit method. I've got another JS code to change the ID field once the page is loaded. I'm then wanting to post that somewhere different. The issue is on page load the event listener is set on the first ID and even if I change it, that method is being called. How can I reset this?...

Is it possible to style a header like the album cover for Midnight Blue?

Well it's not an important issue, just wondering and having a go myself, but far from accomplishing it. It should be responsive on both device and font-size
Midnight blue cover

Flebox cards

Hello guys. I need help troubleshooting this weird behavior. On mobile I set the container to flex, justify space between and wrap. The the flex items set flex-basis: calc(50% - 20px) but some items stretches to 100%...
No description

is there a way to position absolute a scrollbar?

screenshot for a reference, i've added a overflow to scroll to the main panel of dashboard i dont want the side bar to scroll. but i want the scroll bar to be at the right corner of the screen position absolute isn't working. is there a work around...
No description

likes count not increasing

I am doing a youtube clone project in that the like count is not increasing help me guys plzzz
No description

Header positioning help

Hello, I am very new to coding and have been self studying html and css. I am trying to get my navigation links in the header to center with the logo in the header on the left hand side. I have tried several tactics within my CSS code with no success. Does anyone have any tips how I can accomplish this? Thank you in advance!
No description

I need some help creating this effect in my custom header

Hello! I am wondering if anyone could give me some tips on creating this effect with my section headers. I have tried using absolute positioning but that turns into a mess with different screen sizes. Thank you!
No description

How to create this paragraph style in HTML and CSS

I work with first letter of paragraph but i face the alignment issue
No description

Nextjs : How to use query to pass images between routes?

Inside a route that is called Story, I am taking an image file input from the user, then trying to use query which I think is the best way to transfer that image in to another route and let me from displaying that image there. Here the problem comes in, for some reason the image is not being displayed in that route which is the home, also no error occur, so I do not know what exactly leads for this problem. Story route code:...

Is it possible to reduce the size of a font-variable.woff2 file?

I have this Montserrat font variable from google fonts api, it has 9 weighs, from 100 to 900, but I only need 3 weights which are 400 500 600, after converting the tiff file to woff2, the file size is now at 120kb (it was 400kb before) which is still too large, I would like to drop the weighs and characters which I dont need to minimize the file as much as possible. I tried fontsquirrel.com, but it removes all the weighs except one…

How to detect if device is touchscreen?

Hi, I'm trying to make a component a little more user friendly by applying certain CSS rules based on the user's device. If it's a touch screen I'd like to permanently show some buttons, whereas on a regular computer those buttons would appear only when hovered over with the mouse. Since there are touch screens even for desktop computers these days, I will probably use additional media queries to restrict this based on the window dimensions. But I will worry about that later. For now, I was wondering what's the most effective way of doing this using CSS only. With JavaScript I've used something like this before:...

NextJs with supabase auth setup.

Hi, Im trying to use next as a frontend only and setup auth with supabase. Im confused so much. Can anyone help?

Help make these three containers smaller

Hey there! I have these three containers that are meant to display projects I've been trying to make them smaller in size to look more appealing but I've gotten stuck. Would anyone be able to help me? I'll post a CodePen of the website!
No description