KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

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

beans

2/28/2023

Can someone explain to me how clamp() works?

and how can it be used for responsive fluid text

ronyshahab

2/28/2023

How to focus on coding?

My friends often call me for valorant and stuff and it would be just be a excuse to say that because of that I can't focus. But the thing remain same, Even after deleteing the game , it is still hard to focus on coding. Should I just stop watching anime and all sort of distraction ? I still Don't Know How to focus in coding.

Avinash

2/28/2023

main container should be 90% of the screen size

should i give % values for main container and work there or it will fit accordingly when i add all elements

AllaN

2/28/2023

Dropdown menu on click using only CSS without any JS or other scripts.

Hello Kevin and all the lovely member, I am facing a challenge to create a menu clickable and not hover using only CSS. This is 1st time asking a query I dont know if its the right channel to post if its not please guide me where to post. My code:...

Å Marlon G

2/28/2023

JS – why is it printing?

Hi! Just taking my first babysteps into JS with codecademy. Could someone tell me why the else statement prints in this example when the runnersAge is set to anything except 18? ...

HansM

2/28/2023

grid minmax the f...?

I want something very simple I think... 2 rows, 2 columns, left column spans both rows, right upper should be auto height but 50% max (that's the problem), right lower should take up the rest. When I do grid-template-rows: auto 1fr; the first row is only as big as it needs to, but when I try minmax(0,50%) 1fr; (or any other combination of units I can think of) the first row is always 50%. Why? How can I get the auto height behavior of the first row but with 50% max?...

Avinash

2/28/2023

issues with image not fitting into a div

I have a main div of 50% height. In which there are two divs each of a height of 47.5%. the child divs has two divs of which there is an image in one of the divs. The image is not resizing to contain. How should I fix it so it will become like the sun image on top PS having issues with internet so im on mobile...

Ontex

2/28/2023

Grid item content goes out of container

I am using MUI v5 Grid for my project. I wanted to line up 5 items but when I checked for responsiveness, the middle item content goes out of its container just nearly the breakpoint. Code is below: ```javascript...

shadow7

2/28/2023

Is it worth the effort to ensure websites are responsive at extremely small screen sizes?

Hello guys, I hope you're all doing well! 👋 I need your advice on something that's been on my mind lately. I've been spendig a bunch of time to making sure my websites are responsive below 310 px width, but I'm starting to question if it's worth the effort. It's become quite confusing for me and I'm not sure if it's necessary. So, I thought I'd turn to you for your honest opinion. Do you believe it's worth investing time in ensuring responsiveness below 310 px, or is it not as crucial as we once thought?...

Melodium

2/27/2023

Problem on making class active on click

https://codepen.io/GiteenShiro/pen/dyqOgjp pen of my code. When I hover on the image, a dropdown kinda thing pops-up. There are themes in it, when I click one of it, there is no active class in that element. Why does that happen...

Avinash

2/27/2023

i want to move this to the end of the orange block. how should i do that?

note: with JS i can change width of the orange block. So the pointer has to be at the end of the orange block. how should i do this? https://codepen.io/avinash-tallapaneni/pen/ExRomwX...

redtypoOooOo

2/27/2023

HSL and class number system

why that number system; the hue, saturation and lightness become larger in the colors, but clr number in the class gets smaller; feel like doing it the opposite just curious ```:root { --clr-accent-500: hsl(12, 60%, 45%); --clr-accent-400: hsl(12, 88%, 59%);...

Avinash

2/27/2023

Need help with creating a progress bar

Im trying to add a small triangle to the marked div but im having issues with it. CAn someone help me out ? this is how it should look https://codepen.io/avinash-tallapaneni/pen/ExRomwX

Eighth

2/27/2023

Image is not centered

Please tell me what is the error, I can’t center the image, margin 0 is ignored and does not work https://codepen.io/Mister-Eighth/pen/zYJoLmw...

sirfloki.

2/26/2023

H1 turning blue outside of class scope

Am I going insane? Why is this happening? I only want the p and h1 in the "one" class to turn blue. Codepen: https://codepen.io/SirFloki/pen/VwGjYJp...

M.A.L

2/26/2023

hot to get svg when it is in g elemenet like paypal site

https://www.paypal.com/us/webapps/mpp/home i want to get thoese blue and yellow shapes and i caant find it in inspect and i dont wanna make it in css bcz it will take time so can someone help me...

ronyshahab

2/26/2023

Where to start?

I have good grasp on Html, CSS and Javascript. Recently I learned little bit React and was able to make a single page web appliction. Now , I am looking for a new course that would help me to become a proper frontend developer. Any suggestion where do I start from?

Nidhi sharma

2/26/2023

importing file in typescript

hii everyone! anyone can help me to figure out the solution. I'm importing the file in typescript but getting error Module not found: Error: Can't resolve './components/Header' in 'C:\Users\nidhi\Documents\my-projects\estate-website\src' even the path is correct import React from 'react'; import { Box } from '@mui/system'; ...

Avinash

2/26/2023

Font awesome sun icon not showing

```<div class="search-wrapper"> <form action="" class="search-form"> </form> <button class="dark-light-mode">...

Avinash

2/26/2023

how to add borders for search and location icon when clicked inside search field?

https://codepen.io/avinash-tallapaneni/pen/ExRomwX. i tried using focus within still has no effect...

Previous Next

Gaming

Programming

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.