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

Dev_zxc

8/10/2023

Vuetify grid

why does this doesnt work? i want to create a 3 cards in 1 line, i am using vuetify in nuxt3

hackett_hkd

8/10/2023

How can I animate an existing element when appending a new one?

I am attempting to create a chatroom animation where new messages are generated automatically. Here is my codepen link for your reference. https://codepen.io/hackett-lai/pen/MWzdeBB ...

snxxwyy

8/10/2023

clamp function explanation

when using the clamp function for responsive layouts, i know the format is min size | preferred size | max size, would each size in the format correspond to the different devices? Such as the min size for mobile, the preferred size for tablet, the max size for dekskop? is that how this sort of thing works? I would much appreciate anyone explaining this to me 👍

interactive-harp

8/10/2023

unique id - increment object name with 1, 2, 3 and etc

is there a way to create an object with a unique id/name each time, for example: I'm trying to create a circles object but want it to increment each time its created - circles1, circles2, and etc. On click I need this to happen:

` let circles = 0;...

Moni

8/9/2023

Self stretch not working as excepted

Having problems where i have an video next to some content in a flexbox. The content on right side has a background-color and I want that to run all the way down in line with the video bottom, What happens is the background-color stops where the content on right side stops? https://play.tailwindcss.com/bfL33zVigG...

Brightie

8/9/2023

Please explain how to make a perfect circle

I'm trying to make this a circle but I'm lost on the border radiuses I'll have to use for it, or if there is an even simpler method of doing so https://codepen.io/brightDN/pen/jOQoxpJ...

Adhurim Gashi

8/9/2023

Question regarding images in css

Hello everyone, how do I make an image wider but smaller height (shorter), in my design that I am working on the image is normal on mobile sizes and wider on tablet sizes

CDL

8/9/2023

Trying to make a background image (jpg) fit a screen but all options don't seem to work...

The elements are created using innerHTML (I know, it's bad, I'm changing it once I figure this out) and currently the background has been applied to the root element (<div id="content"> in the html) Repo: https://github.com/callum-laing/restaurant ...

Moni

8/9/2023

On increasing screen size my right part start shrinking

On increasing screen size my right part start shrinking and became smaller i want it to be remian align with the video on increasing or decreasing screen size the height of right and left part of the flexbox should remain same"https://play.tailwindcss.com/PBxUOsiUzW

Nikita

8/9/2023

Help me fox eslint error - promises must be awaited

Help me fix this error

Error: Promises must be awaited, end with a call to .catch, end with a call to .then with a rejection handler or be explicitly marked as ignored with the `void` operator.  @typescript-eslint/no-floating-promises

Error: Promises must be awaited, end with a call to .catch, end with a call to .then with a rejection handler or be explicitly marked as ignored with the `void` operator.  @typescript-eslint/no-floating-promises

...

Moni

8/9/2023

Background color for right side

There is a white space on right section i want to apply background color to cover the whole section on the right side i have tried it by using flex-1 but my cards shrink because of this"https://play.tailwindcss.com/1qu3Fv17WG

Lofty!

8/9/2023

How to cause transition to happen from the center instead of top left?

The eyeballs come into existence from the corners respectively, how would I make them pop out from the center? CODEPEN: https://codepen.io/lofty-brambles/pen/JjeqyPj...

Mr.Sushi

8/9/2023

Image in flexbox.

In the Hero section I would like to align the Image with the bottom of the container (border-bottom is the indication). And possibly make it responsive. I have tried align-items: flex-end but there is a little gap in-between the border and the bottom of the Image. Please help me to figure out what can be the solution 🙂 https://codepen.io/MrSushi22/pen/Rwqmgea ...

indee

8/9/2023

i want to change the style of slider like the slider in the link https://aleksfedotov.github.io/pass

i want to change the style of slider like the slider in the link https://aleksfedotov.github.io/pass with tailwindcss

Sabuz

8/9/2023

Now a days I am using sass but I don't understand why should I use !important to apply the style.

It doesn't work until I give !important I have to use 2 time !important specially when I want to set nav menu bar in mobile responsive to hide or show the content? Can you guys tell me what is the reason behind this? Here is my github project link. https://github.com/sabuz796/startupLand/tree/main...

RaviTeja

8/9/2023

Disable Scrolling for a Mat Dialog in the backdrop

Am trying to disable page scrolling when Mat Dialog is opened . Tried overflow:hidden but it didn't work . css3

dialogConfig = new MatDialogConfig(); dialogConfig.autoFocus = true;...

Blek

8/9/2023

How to nest element between content and router (react-router-dom v6)

I am trying to build react web, where is element (Provider) nested between router, so the element can use useLocation hook from router, while is above every element controlled by router (in example <About />, <FAQ />) Code example without Provider rendered: ```jsx import {...

_Sean

8/9/2023

How to style react web pages (beginner)

Hi guys, im trying to create my first React website but im unsure about the best practice for styling. For example, lets say I create a HomePage component, which is basically an empty component that has a separate NavBar, Body and Footer component. My question is, how would I arrange each of these elements within the HomePage component? Like, if I wanted the Body component to be three quarers of the way down on the HomePage component, do I use the Body as a selector in css or something within the HomePage style sheet? Im finding all this really confising in React, so any help is really appreciated...

Hamza Naeem

8/9/2023

> * + * means?

.card > * + * { margin-top: 3rem; } Does it mean, that inside .card, leave the first child, and give margin-top of 3rem to other children except first one, is that true?...

Hamza Naeem

8/9/2023

What does it mean and why to use?

I have seen many people using this: *, *::before, *::after { ...

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 🙂.