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

Styling position

Hi guys, I'm trying to style the same position for the money after the text without set a fixed width. For example: Subtotal: $100 Total : $100.000 Is there any way to solve this problem?...

Having issues making this responsive

New to this I'm wondering how I would make this responsive so it all shrinks the same way no matter the size of the screen. https://codepen.io/Gabriel-Mald/pen/RwdQQja...

Funky white thing in Upper Right of my Website

Hi, I just slightly finished this part of my .blog-nav, and things seem to be working fine, and look pretty good as I'm not fully finsihed. However, I just noticed that when I scroll over there is this what flap that appears in the upper right of my website. Can anyone let me know what this is, and why it's happening, and how to fix it to where I still. have the same functionality but that goes away? ...

Infinite slider with HTML, CSS and JS

I came across this video, https://www.youtube.com/watch?v=sXMcXz_1Vls where the coder has created a wonderful-looking front page and I tried to copy it but would like to be able to make the slider infinite, that is to say, once you get to the final image it continues to the first image. This is the JavaScript that he has used : let circle = document.querySelector('.circle'); let slider = document.querySelector('.slider');...

Styling The Medium Navigation

Hello Guys.. I am having a problem with styling the navigation of this site to look like the design. I need help with this, thanks..
My code with the styles for the design of the viewport of 700px

React CSS file structure?

I've just started this project using Vite, and I always get a little confused on where to contain my CSS. index.css I've always used as the global css styling, and I delete app.css... do you do something different?...
No description

Change color of svg used in ::before when :hover on text

Hi everyone, hope you're doin well! 🙂 I have the following markup (sorry, but I'm from phone): <button class="btn--primary-iconlink">...

overlflow-x mobile

can anyone help me, on my mobile it is still overflowing in x i even put overflow-x hidden to my body and still doesn't work 😭 here is the code pen https://codepen.io/danilocasim/pen/MWxQJwd

I need help how to slice a div in half when using clip-path polygon

So how to solve this i thought clip path polygon reshapes the entire thing but i was wrong it doesnt seem to do it and my web is overflowing
No description

Need Help Setting Up NextAuth with Facebook Provider

I'm encountering difficulties setting up NextAuth with the Facebook provider. Here's my current situation: - I have a verified business account running in live mode. - I need to set up login with Facebook functionality. - Testing in localhost gives me the error "Insecure login blocked. You can't get an access token or log in to this app from an insecure page. Try reloading the page as https://."...

How to filter a nested array and render it with js.

GitHub: https://github.com/Saf98/mega-menu-vanilla/blob/main/src%2Fnav.js Project details: build a vertical column mega menu using JS. What I have done so far: ...

How important is keeping a build plan structure?

I plan on starting my memory card game in React today and have written out the steps of how the game works in psuedo. I'm not really sure how to code the first initial part of the game, but I am fairly confident that I can code the actual game itself (click a card, if yes, add a point, randomly roll cards again, if fail -> game over). I figure if I code what I know I can do, I can then slot in the rest afterwards? or should I try and keep to coding from start -> finish? previously I've done start -> finish (For the most part), and it drags out a long time until I'm able to get help on where I'm stuck....

How to make the image clickable?

I'm currently learning JavaScript on scrimba, and I use chatGPT, didn't work well. HTML: <div class="questions"> <div class="question1"> <span> What is Frontend Mentor, and how will it help me?</span>...
No description

Help with "A new approach to container and wrapper classes"

I'm watching Kevins video https://www.youtube.com/watch?v=c13gpBrnGEw and am trying to add a breakout to a particular paragraph and it isn't working. I have other instances on the page, both above and below it which are working. I've been playing around with it for a while and can't seem to figure it out. Heres a link to my codepen, the offending paragraph also has a class of call-to-action and has a white background. Thanks for any and all help! https://codepen.io/thisispeterj/pen/ExMVxor?editors=1100...

Handling CSS Grid cell text content overflow in a flexible ways

I have a CSS grid cell which contains a randomly changing text of different lengths. When the text is too long and displayed on Mobile (like Androind circa 450px width) the long text is cut-off. the 2 challenges are the below, really appreciate in case anyone has wisdom / advice: 1. Can text wrapping or overflow be done in such a way that the text occupies more cells below? This would prevent the cell height change which causes other cells above it to bounce up and down with long and short text which is not desired....

Sass Error: Module loop: this module is already being loaded.

```Error in plugin "sass" Message: scss/main/tools/functions/_gutter.scss Error: Module loop: this module is already being loaded. ┌──> scss/main/tools/functions/_gutter.scss...

Building an open source streaming website for movie dram manga manhua manhwa etc

Ok so I need help I am an extreme noob when it comes to code and I need help and wanted other developers to join in on my works and I am facing problems and can't find exact solutions to it sooo here is the code/entire repo with the web for reference to my problems https://github.com/its-19818942118/OpenPlexer/ https://its-19818942118.github.io/OpenPlexer/...

JavaScript Course Suggestion

I'm really into learning full-stack web development right now, with a big focus on getting really good at JavaScript. My goal is to eventually move on to a JavaScript framework once I've got the basics down. To help me learn, I'm looking for a good course that teaches the JavaScript stuff you need for full-stack work. It should be for total beginners and explain things in an easy-to-understand way. I'd like something short and sweet, less than 30 hours - I don't want to do a super long course li...

Issue with img sizing in lighthouse

Does anyone know how to fix this? When I remove the higher resolution images for the DPI I get this.
No description