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

Dexinho

8/4/2023

transition with inline elements issue

not sure what I am doing wrong as I can't make transition work on inline elements ``` #nickname-input, #nickname-span { transition: ease-in 1000ms;...

arogersrenee

8/4/2023

radio buttons to filter items with pure html/css & accessibility

I found this tutorial on how to filter cards using radio buttons and css. No JS needed. My question is, from an accessibility standpoint, is it a bad idea to use radio buttons in this manner? They're not being used for a form so I have a feeling it's not good practice. I know I can achieve the same result with JavaScript, but just wondering if it's okay to do with just html/css. https://www.youtube.com/watch?v=q5Sax0oeun4...

Kweebac

8/4/2023

CSS transitions apply on page load

```css .box { width: 100px; height: 100px; background-color: #0000ff;...

Trend

8/4/2023

Live server

Hi guys, I just tried to run this code via live server but here's what is shows me. How do I go about it?

arogersrenee

8/4/2023

Nav Bar Justify-content : space-between not working

I'm working on the header section of a page. I started with mobile which is working fine. The mobile version is a hamburger menu. The problem is with the larger screen size. I expected justify-content: space-between to keep my nav-items to the left of the page, but it doesn't. The nav-items are stuck to the left, butting right next to the logo. I added a width the nav-items' <ul> tag but that just made the nav-items stuck in the middle of the header. Hopefully my code explains this better. I'm completely stuck. I put the relevant code in a codepen if anyone has time to take a look and assist. https://codepen.io/arogersrenee/pen/gOQEmQE...

roelof

8/4/2023

Wordpress front end forum

Hello, I wonder where I can ask the best how to convert this html ( https://github.com/RoelofWobben/sunny_side_landing_page) to a php based wordpress tutorial. Now I wonder if someone knows a good forum where I can ask for help...

Adarsh

8/4/2023

How do I extend the content to full width

So I want the content to cover the full width. I tried using w-100 and w-auto, but it is still not working. Any idea why? html ``` <div [ngClass]="isSmall ? 'table-container' : 'page-whole '"> <div class="ms-2 me-2 w-auto"> ...

Hamza Naeem

8/4/2023

What is Sass

Hello I am beginner and working on custom html and CSS, and many times word "SASS" goes thrugh my eyes, what it is, why it is , when and where and wo use this?

js_lover12

8/4/2023

Coding Algorithm

Hello guys, I have an important question to ask. How do I develop my logical thinking ability to solve coding problems. Am really frustrated when I see coding problems (JavaScript) and can't be able to solve it....

Moni

8/3/2023

Space on left side

I am having space on left side i do not want also i want my first two input tages to have same with as the widht of the button "https://talhamustafa1.github.io/Intractive-card/

Nikita

8/3/2023

Why radio input component doesn't work?

Why radio input doesn't work? RadioButton.tsx ```tsx import { ChangeEvent } from "react" ...

Helene {HelChris}

8/3/2023

Creating a 4-card carousel like this (see picture) with only vanilla HTML+CSS? Is it doable?

Hi. Is it possible to code this type of picture-card carousel with only HTML+CSS? A carousel with 4 cards, displaying 3 at a time with buttons to click forwards and backwards aaand to make the cards go in a loop? (after picture 4 comes picture 1 then 2, 3,4,1 etc? )

WinterPixie

8/3/2023

Trying to work with how it look like in mobile phones

Can someone guide or recommend me of what to make the top or header properly look like? Im still novice in how a responsive look like...

Brightie

8/3/2023

JS-function on array

Hey so, I've got an array and I need a listener on it that'll always be listening It has to run a function, using the index of the element within the array its been clicked on (As it would have to delete the element including its siblings and its parentElement However, I cannot put an addEventListener on the raw array it seems, this is what I've got: ```javascript...

Woutyboy3

8/3/2023

Making a nice table list

I am making a list of logs and i want that all the colums align nicely. Using a table does not work cause i can not customise it well and make it apear as a list This is my code: ```ts <div class="table">...

Mr.Sushi

8/3/2023

Creating two row with grid!

Hello everyone! I would like to get some help with a problem that I have with grid. My content is pushed from the left side and for some reason I can't find a solution to have two rows in the middle.

``jsx
      <style jsx>{

.recipe-list {...

KarryOn

8/3/2023

React Meta Tags

Hey there! Im making a site using React.js, I finished basically everything and got to the part of updating the meta tags based on the page url. How exactly would I do that using React if all of the components are rendered in one html file? I tried using react helmet, a library but it didnt work. The only thing that has worked is adding the meta tags directly in the index html file, which doesn’t help since I want to focus on SEO (search engine optimisation) for each different page...

Hamza Naeem

8/3/2023

Make image take full height and width

Hi, I want the red box to take full space around it, as image is the second child of the flex and specially I want it to take full height, how can I do this? check the code below: https://codepen.io/hamzacodepen951/pen/poQqKrV...

Moni

8/3/2023

Background images

I have two background images in my parent div . I am unable to decrease the gap between the card images also i want to know it is the best practice to have this kind of design as in the attaced image.live website link""https://talhamustafa1.github.io/Intractive-card/"

Oxymoron.html

8/2/2023

A div does not want to take a specified proportions inside the container

hey , i am facing a problem in css , i dont know why a div who contains some text and a form , does not take the height of its container trying to make it look as the other example, i tried to set the margins and paddings but it sucks , something is wrong, please some solutions please here is the code i am using ```css .form-page{...

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