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

react window

I have flex card mui and responsive I want to use react window but i cant get same design Who have any idea to fix that React-window with responsive card If have 2 card i show 2 card vertical centered in container...

nav not working on mobile

When the nav is in mobile mode, the background doesn't show https://codepen.io/RS_2009/pen/wvEmXgd?editors=1100...

How do i approach this UI?

I have this UI requirement, i have tried to replicate this, but i am not able to position the profile image in center along with the surrounding stats, can anyone suggest an approach for this.

How do I handle images with too many different sizes on a blog page?

soo there are small images, big 16:9 images, square images lying everywhere on my blog page and I just don't know how to write css to handle them all at once. Is there a solve-all css line that I can use to automatically make sure all are in the right aspect ratio, doesn't clip content, doesn't overflow out of its container

Help needed with Pseudo classes.

Im trying to make something like, when a list item is hovered, the rest of the list items should become little bit transparent. ``` <div class="flex weekly-forecast "> <ul class="flex daily-weekly-forecast">...

Why am I unable to apply "Event Delegation" in this project?

Project link: https://astonishing-cupcake-035f30.netlify.app/ Hello, when I try to add event listener to the parent div, or even whole body, it does not work. I'm guessing it's due to the way I'm adding elements with JSON, but I'm not sure myself. ...

Overlapping grid areas issue

I try to understand how template areas overlapping works following a video series on Kevins channel. I have this code for small screens: ```css .overlapping-grid { display: grid;...

React and JWT

I'm used to the normal vanilla way of having a cookie go with every request and authenticated and a page is sent back...am using react how can this be achieved, if after a login I use Context API, even though my token is still in cookie the auth state defaults back to false after refresh, storing in local storage isn't advisable..my question is how can I achieve protected routes with react even after page refresh

several contact forms. need a tool to send it to the related store.

Does anyone know if email.js has the option where I can pass a email in params of sort and make the email send to that email from params instead of my linked account? Or another library that does this? I have 35 different contact forms to stores on my site. and would like it to ship the mail to them not me...

Dynamically requiring images?

I've a module that contains a class that represents the Hero section of my site. The Hero has a slider of images. At the top of the class I'm importing the images: ```...

Is it possible to not overflow image in div with flex-grow?

As you can see from the codepen https://codepen.io/Lko3001/pen/bGxLRMX?editors=0100, I created a simple card with no specified height but with a max with and an aspect ratio, I inserted an image (with weird proportions i know) and I want it to take all the available space, but still keeping the card's aspect ratio the same, how can I do that? in the codepen, if you remove the image in the html, you can see the parent div and the image should not be bigger than that. I tried using overflow: hidden but didnt work, any suggestion?...

PUT requests and data consistency?

Thought I'd just double check a potential mistake related to PUT requests that I think I spotted in Stephen Grider's React course objectA: {id:1, title:'Harry Potter', pages:50} - User1(top left of image) & User2 fetch objectA...

Can somebody tell me how to create a accordion with categories in wordpress

Website : https://probot.io/commands .. so when u are in all categories it shows all categories, but when u go to premium it shows only the premium command if someone has any plugin or knows please let me know...

one of the child div width is not reducing after it crosses 480px in responsive mode

parent div containing two divs and its flex direction is column. i want the width of the lower div to be same as the first div how do i proceed? i tried reducing the font size of future forcast and buttons but still its not reducing. how do i fix this? https://gyazo.com/7ebdbb5cf54c8467848008540db7efb6...

easiest way to add custom font to html/css

what's the easiest way to add a non-google font to your html/css files? i've got the font family files downloaded to my computer already. the font squirrel font kit generator method seems confusing to me, is there an easier way?...

How to mask card glow to image?

I created this hover effect for the card, and now I want to apply the glow to just the image, so that the image has glow and the card and title dont, how can I do that? I tried using mask-image but my browser says it's an unknown property https://codepen.io/Lko3001/pen/VwGyEJr...

When should I move onto frameworks

hey!! so, i been thinking, I'm doing js for a month or so and i think i right now am familiar with most of the fundamentals of js and how they work now I was wondering at what point should I move onto framework? or what things should I complete learning about js before moving onto framework.. cause I'm currently out of thoughts over what things i should proceed to learn in js now...

HTML BOX

I wonder how i can build this, in terms of HTML only.