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
Iinfuzed59404/28/2024

Menu dropdown issue with nested items

Hi on this test site https://stage.dembetheatre.org/ I have a dropdon menu that has an icon that is used in mobile menu to open close nested levels for the desktop version i have an issue in the i need the icon backround and color to change when the <li> is hovered but at the moment only the main element is taking the hover state, i need to include the icon background and color... please let me know what i am missing, i have tried removing all styles from all elements other than the li but i am unable to target the icon element to change state when the associated nav item is hovered...
No description
Aabdelrahman4/28/2024

how to isolate an element from specific styles

i want to isolate this .not-content element from global styles but i want an other styles to effect ```css :where(:is(button, input, optgroup, select, textarea)) { font-family: inherit;...
No description
MMHMDMSVI4/28/2024

Creating UI for game

I need to create a UI element for my project I have issue creating it and it's a little challenging
No description
BBoodles4/28/2024

Vscode html relative links auto updater?

Hello all, In Vscode if i move one of my root html files with navigation bar and links into a new folder, is there a way that vscode can auto update the links for me? Any advice would be greatly appreciated....
NNeedForSleepx304/28/2024

Displaying a border image over another image

So this is what i'm sitting at ```css .inner-image{ position: absolute; right: 0px;...
No description
NNeedForSleepx304/28/2024

Grid Layout Not functioning responsively

I'm completely lost on how to make this fit in my
main-message-container
main-message-container
at all times I've tried setting a min and max height but i don't think i understand them well enough so i couldn't get it to work i've tried changin the main message container to 90% and still doesn't look the part ```html <div class="main-message-container"> ...
No description
Cclevermissfox4/28/2024

html input behaviour

i've been wondering about this for awhile. when your text input starts running out of room the right side of it starts to disappear (as shown in this screen recording; gave the input a bg of hotpink to further illustrate) and its value starts getting cut off. is there a way to stop this behaviour or always make sure its the width of its value? (well besides min-width: npx or something) like does it recognize its input.value as content ? doesnt seem like it or it wouldnt hide itself, it would overflow which would be better....
Ssnxxwyy4/28/2024

get value of sibling above

Hey, if i have a structure like so:
<p class="a">...</p>
<p class="b">...</p>
<p class="a">...</p>
<p class="b">...</p>
...
PPat664/27/2024

Error I dont understand

HI everyone somebody can explain me what is going wrong here
No description
RHRIZE Hobberz4/27/2024

Search bar js

How do i get results from my search bar
No description
AAsappi4/27/2024

Can't figure out how to wrap text under an image

Basically, what I want to achieve is this (1st image): https://prnt.sc/EO_CIn76U9UT The closest I can get to my desired result is with flex - which results in this (2nd image): https://prnt.sc/kyvUnM2vIww4...
RHRIZE Hobberz4/27/2024

How to add stuff off of my sidebar

I want to add stuff on the right side of my website but it isnt showing up
No description
PPPeacock Plume4/27/2024

Using escaped unicode in content

Is it possible to use escaped unicode in content to get emoji combinations like Phoenix for example, seems like this is not working. (🐦‍🔥) I tried both with the plain emoji and the escaped unicode. ```css .phoenix::after { content: "🐦🔥";...
AAli4/27/2024

Trying to get the cards over each other properly

I want to set the back-card under the front-card with wider and shorter than the front-card, but couldn't getting anywhere... The back-card is in the demo not showing properly as in the pic https://play.tailwindcss.com/9j1fku0Afd...
AAAbdul Ahad⚡4/27/2024

Overflow Issue

https://w5bkz10l-3000.inc1.devtunnels.ms/ I'm trying to find which section is overflowing, tried inpecting all of them, no luck. Can you please help...
Cclevermissfox4/27/2024

Using Vite with SCSS

So i was advised to try scss with vite instead of just using node as i was getting errors. What i did was: -create new folder on desktop and open it in vs code - use the cmd npm create vite@latest -Selected Vanilla JS framework...
SSantymr4/27/2024

Absolute position with grid

I need help to position a text and image inside a grid item which size its 2fr but trying to position it in the place i want and then resizing the page it moves and i cant make a calc function because the size of the grid its on fr units https://codepen.io/Santiago-MR/pen/ExJMrwj...
AAriCohelo4/27/2024

SVGs <use> and not...

Hi guys I really would aprecciate come help here. In this HMTL are two ways of using svgs but one of them is not getting the size of the actual svg (image) change it only changes the size of the container. The weird thing is that the two of them are responding to a change of color fill:red but just one is responding of a change of height. Can you figure out why? https://codepen.io/Ari-Cohelo/pen/WNYoBjR?editors=1101...
Tthethingisback4/26/2024

Handling inner text when element is transform: scale()'d, how to make not blurrier when scaled up?

GH:https://github.com/nnall/hm-frontend-Nick.git I have an element in my react return, several really with this scenario, but for now this one in particular: ```...
CCDL4/26/2024

React + Tailwindcss users? Help with some examples please!

I'm trying to learn this damn thing, unfortunately every job here uses it and I've done nothing but vanilla css for 3+ years and sadly, this stuff is pure alien to my little pepega brain. Could you perhaps show me an example of a card, or a navbar using React/Tailwind? or honestly just any kinda simple component so I can get a feel as to how this is used.. preferably something using grid/flex too. Thanks!...
Next