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

Footer in bottom right hand corner

Having trouble getting my footer down in the bottom right hand corner. I got it in a flex display and trying to use ::before to get the icon svg to be before the div inside the anchor of the footer tag. Any thoughts on what I'm doing wrong here? https://codepen.io/MD-2016/pen/KKBwaXy...

Some Question about of grid in CSS and some other

1- Which one is better of these: grid column and row templates or grid template areas |------------------------------| ...

Canvas - permanently apply Y-axis offset to all future drawings

I want to have everything drawn onto the canvas be given an offset in the Y axis which will increase each frame, imagine gravity (without acceleration, just constant speed) and there's no ground at the bottom of the canas to prevent objects from falling off. I want this to apply to everything, not just some drawings, not just stuff in the foreground, I want the entire canvas to shift down by a fixed number of pixels every animation frame. I thought I might be able to do this by using ctx.translate(0, 10) without wrapping it in save/restore, but this hasn't seemed to work. Here's a snippet from one of my draw functions in case anything here is causing issues;...

Mapped images not showing in production

Hello, I'm developing a practice project from Frontend Practice (https://www.frontendpractice.com/projects/stark) using React + Vite.js and SCSS. After almost 3 months of work each day I am ready to deploy it to showcase it on my github, but... after building and running npm run preview to check the images in my testimonial slider section are not showing (I get a 404 error). I am mapping an array of hardcoded data (https://github.com/naiiiden/frontend-practice-stark-homepage/blob/main/src/comp...

useSelector() in Redux not rendering new value ❓

I am learning redux , so made a demo webApp and in that I am incrementing and decrementing the value by 1 on button click . The problem is useSelector() hook in redux get fired once when the component is mounted but after that it doesn't re-render the changed value .. Here is the code :-> ...

Hello I've been trying to figuring out how to make a link that lets people email you.

Hello I've been trying to figuring out how to make a link that lets people email you. like that links sends you to a new message with my email i've seen someone done this before but idk how...

how to paste something into an input from clipboard without using document.ExecCommand('paste') ?

how to paste something into an input from clipboard without using document.ExecCommand('paste') since it is considered obsolete by MDN ?

need a library that helps me to resize the window (we want the layout like codesandbox).

hey! everyone... I'd like to ask you a question: I'm looking for a library that will allow me to resize the window (we want a layout similar to CodeSandbox). ans i have been trying to use this react-resizable library but didn't get anything from this nothing is working https://www.npmjs.com/package/react-resizable we want it exactly like this https://strml.github.io/react-resizable/examples/1.html...

CSSComb for nowadays SASS

i work for a long time now with a tool called CSSComb that allows me to order my CSS declarations in a content centric way - like this https://gist.github.com/awkale/ad46e2ade70e833fa178 Sadly over the years the maintainer of the project: https://github.com/csscomb There is stylelint, prettier and many other tools out there but nothing that works like CSSComb. ...

I want to extend builtin HTML element classes (I know why you shouldn't and cant)

class MyCanvas extends HTMLCanvasElement is obviously out of the question, but there's surely some hacky stuff we can do with .prototype. I can't figure it out though, at least not in such a way that TypeScript will agree with me. The general idea I'm thinking of is;...

How can I align some paragraphs to start at the centered title's starting point

I am working on this the whole day, still can't manage to do it. The problem is I have titles in my cards centered, and I want the paragraphs to start at the starting point of the title. I would really appreciate some help.

flow

Hi Gays, I found this code but I don't know what it does : ```css .flow > *:where(:not(:first-child)) { margin-top: var(--flow-spacer, 1em);...

how do i get input values inputted into input field 'in real-time' and use the input values?

here's code i've tried: ```tipButtons.forEach(tipButton => { tipButton.addEventListener('click', (e) => { ...

How can I create gap between text & text-decoration underline?

Here I want 10px gap between text & underline. I can not use border-bottom; need to keep the underline part of the anchor tag for my project.
<a href="#" target="_blank" style="color:#000001; text-decoration:underline;">Link</a>
<a href="#" target="_blank" style="color:#000001; text-decoration:underline;">Link</a>
...

make input field expand vertically

hi, i want to make my input field expand vertically when the text overflows, i attached a quick video snippet to show you what i mean

Grid Layout Query

Hi guys! I am working on this Frontend Mentor design and decided to make some grid decisions beforehand. I didn't want to use position absolute so decided to overlaying arrow buttons and navbar using grid. I ended up dividing the layout in 10 columns and 10 rows based on the size of arrow buttons. Is this approach a good idea?...

text alignment problem

i have this design but the problem is text is not aligning properly

What is the typographic scale ratio used in tailwind font sizes?

What is the typographic scale ratio used in tailwind font sizes?

How can i start getting clients as a Front End Developer?

How can i start getting clients as a Front End Developer? Like what app / website should i use?

Inheriting a clickable area

Hi all, I have an issue… I want to find a way in CSS to inherit a clickable area from a parent. I have a text link inside what should be a button although the only clickable area is the text. ...