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

How to learn HTML/CSS/JavaScript in order to build projects

Hello guys, sorry to disturb you all; I need to learn HTML, CSS and JavaScript for my module. I'm using MDN docs to have a good fundamentals but the thing is I need to go faster because I have courseworks to do and I can't take too much time... going fast will mean skipping important concepts but I want to learn everything well and deeply because for sure I will use them later on but I don't know what to do... if I learn them deeply, it will take me too much time and I'm not even sure to finish...

Slow render glitching issue?

https://captainsuds.com.au/ When scrolling up/down on this site does anyone notice a large section is completely white before it renders in slower than would be expected? I suspect the large cloud background might be slow to load?...

🚀 Time for a Change! 🚀

If you've ever doubted your abilities, it's time to stop. You’re more powerful than you think, and together we can achieve something truly extraordinary! 💡 I have an idea that could be groundbreaking, but I can’t do it alone. With the right partner, it’s 100% possible. If you're confident in your English skills and ready to make an impact, I want to hear from you. Let's team up and make this happen. only US, UK, EU citizen please who is more than 28 years old...
No description

Unexpected horizontal scrollbar

Someone's sent me https://www.riverflow.studio/ and I'm trying to work out why it has a horizontal scrollbar. HTML element is entire viewport width if I force vertical scroll off with overflow-y hidden, and slightly smaller if not, so it is accounting for scrollbar width - just, badly?

"margin: 0 auto" won't center the <a> tag

Hi guys I have styled an anchor tag which looks like a button. I'm trying center it in the container but it won't happen. Does anyone know how to solve this ?
No description

React Props Error

I wrote a react js code with the syntaxt props but it was showing error in the props.name , props.img and prop.tel please what is the correct syntax for the props

is it possible to set the scroll on a table and not its container ?

hi all, https://jsfiddle.net/n0x8e5L6/ in this example, i have a container with a table & a button. my button is hidden since my table is too long. is it possible to set a scroll on the table so my button is always visible ? i don't want to add an other container just for the table......

javascript questions

Hey, I have a few questions about Javascript: 1) what is the main difference between arrow functions and normal functions? Is there any benefits to using one over the other? 2) what do constructors such as let x = new Function() or let x = new Map() mean? Using the second example, is this just a different way of writing x.map(.. => {…})? ...

Can`t center vertically a Flexbox item .

So i am trying to make a header in react, (but focus on HTML and CSS in this point). i have a DIV container in which all the header elements are placed: ```css...
No description

Select input Color

So guys, the color on desktop is blank (no color) but on mobile it's grey when I didn't specify any color for it. What could be the issue? https://rebornay.github.io/ASSIGNMENT-4/...
No description

How to Replicate svg designs for a react app

Hey guys,I’m following a design where I need to add these “color waves” into the app. 1) is there a way/tool I can use in order to replicate these svg designs and then add them to my components using the ‘svg’ element? 2)is it good practice to just import the svg files and then use them in image tags?...

Please I need your review

The form loads fine on desktop but it takes time to load on mobile, what could be the issue? https://rebornay.github.io/ASSIGNMENT-4...

SwiperJS Assistance

Hello, is anyone here familiar with SwiperJS? I seem to be unable to find any way to update "freeMode" after initialization. I'm able to do this for "mousewheel" with swiper.mousewheel.disable(). yet there seems to be no equivelant for freeMode....

javascript questions

Hey, i have a couple questions about js, 1) what's the logic behind putting conditions in brackets in if statements and loops? e.g. ```js if (a === b) {...

design issue

i want to make both the image and the text box in the same line from buttom . the code .main { width: 600px; padding: 10px 20px;...
No description

fix border layout on hover

help me solving this out i had a flex container and the buttons as the flex items i had applied padding on that it is fine for now , i had gave the styles on the hovering where the border change to 2px , now my problem is when i start hovering due to increase of the border to 2px it readjusting the width of the element for this i applied the box-sizing to border box but the issue still persists
here is my codepen link https://codepen.io/GOPI-CHAND-SADINENI/pen/NWQqKyB...

Responsive pinterest like gallery

so i need to create this and i have some what succeeded in creating it for desktop but can't seem to be able to convert this to mobile, don't wanna use extra code so can't copy it, even if i do copy it the images are not correctly resizing themselves and the alignment is off in both mobile and desktop, can anyone help me with this one? Reference images (both desktop and mobile): https://imgur.com/a/ZxBC3ci ...
No description

AOS isn't working for child scroll elements

Someone ever have issues with aos (https://github.com/michalsnik/aos) i have element inside body and my body have 100% height and child 100svh so AOS doesnt listen other elements. how can i solve it...

how to add border radius for background image in div block

I have a background image with text on it. i am adding border radius for it. its working. but i see image not filling fully. I tried a lot. unable to fix this. Someone please help me with it. CodeSandbox link: https://codesandbox.io/p/sandbox/awesome-moon-w3sldj?file=%2Fsrc%2FApp.js%3A27%2C2...
No description