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

Adhurim Gashi

8/9/2023

Making a responsive hamburger

Hello guys, today I am having trouble creating a hamburger menu for my webpage, even though I am not bad in css. My web is at the mobile phase so basically I want my hamburger button so that when I click for the second time my nav will disappear. My code: https://codepen.io/Adhurim-Gashi/pen/dyQEYzb...

CDL

8/9/2023

Take #19 of building a vanilla JS app using mostly DOM for content creation

I'm off to a good start! but I need more knowledge. My current work is here -> https://github.com/callum-laing/restaurant I'm sure it's simple, but here's my question. Right now I have a menu.js file importing into my index.js file, which has created a menu-card div, and a title h2, all appended into the container variable in index.js, which querySelects #content, the root html id. My question is, I'm not entirely sure how nesting works.. so in html I'd have something like......

Moni

8/9/2023

Font size issue

I have three apllied same font size to the 3 heading which are in black color but only for last heading it is working why"https://play.tailwindcss.com/4AvcB6c6Se

gio

8/8/2023

Design to Web Help

anyone can help me how to achieve this design please

Ontex

8/8/2023

Responsive Grid

I wanted to make two different grid between mobile and desktop screens. What I want is the following: On lg: a b c d e ...

CDL

8/8/2023

vanilla js and Dom manipulation, which way is the “preferred” way of writing this?

Sorry in advance I’m typing this on s phone whilst I eat lunch 😂 I noticed vite has everything inside a querySelector.innerHTML and inside that you have your html tags and even classes/ids, but is this the correct way of doing it? The alternative would obviously be to create the html tag using Dom, then add an Id/class using Dom and access it from there.. Basically I’m trying to build an entire page by creating the content in the Dom and this is my first hurdle. My second hurdle being how am I supposed to position and style it all if it’s effectively going to be just a block of js code creating everything, so there’s no static html positioning (I may br overthinking this as I haven’t used Dom in a few months)...

Lofty!

8/8/2023

Eyeball transition effect

How would I go about creating a transition for the hover effect of the eyeball here? https://codepen.io/lofty-brambles/pen/gOQyEaP...

DarkPhoenix Gaming

8/8/2023

FCC Drum Kit Project Issue

This is concerning the project on FreeCodeCamp for the Drum Kit which I am building in React. I'm a bit stuck on the last part of the project where it asks me to display a string of text describing the sound file when one of your buttons is pressed so if someone could have a look at my project and see if you could help me out, I would really appreciate it. I've tried various versions of porting the file names from one component to anotherr to get it to display but that doesn't seem to be working for me regardless of which one I use or how I phrase it. Still am rather new to react though, tbh. Links to the repo and live site below. Live Site: https://darkphoenixninja92.github.io/fcc-drum-machine/...

Pat66

8/8/2023

line with span

HI everyone I realise this
my work : https://codepen.io/alpha_66/pen/mdQogXj?editors=1100...

C4rlos

8/8/2023

Bleeding background on border-radius

How can I prevent bleeding background on bottom corners? https://codepen.io/solracss/pen/oNQOJRp?editors=1100 Already tried - overflow: hidden...

Dries

8/8/2023

Beyond CSS course (sass watch with npm, not auto updating)

Hey , i just started the Beyond CSS course and I'm at the point where you have to use npm start to watch the files but when i do this the live server will only update after page refresh ...

Å Marlon G

8/8/2023

Finding element in the dev tools

Hello! I can't fint the header text on this website, the first text lying across the video. Using the dev tools I can't seem to pick the text specifically, just the container (<figure class="featured-media">). ...

Ryan Watts

8/8/2023

Is anybody facing problems with the any scenario of front-end? I can help you.

DM me.

hackett_hkd

8/8/2023

How to make border-image work with border-radius ?

I'm currently working on an element that should look like the attached pic below. However, I'm encountering difficulties in applying the "border-radius" property along with the "border-image" property. Here is the link to my CSS code: https://codepen.io/hackett-lai/pen/XWyQYxZ ...

sanjanamadhura

8/8/2023

:checked

How to target an element when checkbox is checked ? are there any limits we can target...

snxxwyy

8/8/2023

Grid layout

hey there, i'm wondering how you would go about creating a grid such as this one with columns of different width on different rows, i'd appreciate anyone's knowledge on this sort of thing, thanks in advance.

Zak

8/8/2023

Uneven gaps in Grid

I am trying to create a simple grid. I am using gap: 1px and background-color:black. This doesn't end up rendering as 1 pixel and some lines are thinner/thicker. I'm also seeing this change across multiple screens/resolutions. How can I fix this?

DoContra

8/7/2023

Wordpress

Hey guys, this question is for people who use wordpress, do you build your website with what "plugin", or do you do everything in html and css and export to wordpress?

serkan

8/7/2023

Variable Scopes

It's more likely about JavaScript more than React but I tagged it anyway, my question is in commented lines. ```jsx function App() { const [fullName, setFullName] = useState({...

CDL

8/7/2023

Light/Dark Theme Toggles

Looking into perhaps adding one to my portfolio. The default color scheme is dark mode, my first thought on how to add light mode (or dark mode) is to add a button (Switch?) that changes the colors on click, so light mode goes to white background, black text etc... Is there another way that I haven't perhaps thought of?

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