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

Matt

10/23/2023

Display HTML using .this

Hello, I'm attempting to output HTML element onto DOM depending on user input (click). Here is sample code: ```...

lena_neko

10/23/2023

Advice Slip JSON API not working properly?

I'm doing the Frontend Mentor Challenge: Advice Generator which they say uses the API from the title. It says on their site that a new piece of advice can be fetched every 2 seconds. But when I click on my button to fetch my new advice it only gives me the same piece of advice for like several minutes and only then changing it up. I don't have any Network Errors only 200 Status returns after every button click....

Boeroe

10/23/2023

Image sizing responsive

Hi guys, when i add my image to my page my structure is getting a bit off point. so the div on the left is getting to small. . I tried to make the image smaller but that will make the image ugly. On a bigger screen it works fine but on a normal laptop screen not. https://codepen.io/Boeroe/pen/vYbEOqQ...

vince

10/23/2023

WordPress Elementor editing

Hey, I have this client site and I have no idea how to edit this one part of the website. They have a header that looks like attached. In the page builder, I don't have an option to edit it, so I'm assuming it's built into the theme somewhere. But I tried going to the Templates and Appearance tab but cannot find a way to edit this anywhere. I only need to edit it for this specific page....

pary

10/23/2023

help with "see more" fade on the bottom of elements and stacking images on top of each other

i want the images to look like image 1 but i also wanna add a "see more" fade on the last image(the brown one) so it expands when clicked, i'll do the js on my own just show me how to stack them on top of each other(in a "clean code" way) and add the "see more" fade effect. almost forgot codepen: https://codepen.io/staticoly/pen/yLZLQbo...

Oli

10/23/2023

How to do these amazing animations/transforms?

Hey guys. I'm currently creating a landing page for someone and I'd really like to emulate the animated squares background and larger animated squares/quarter circles on this website https://www.woodville-consultants.co.uk/ but I have absolutely no idea where to start or even what kind of css etc I need to look at. Any help is greatly appreciated.

Sheikh Barkotullah

10/23/2023

How to make those hexagons and its background with css

I was watching a youtube short and i thought how to make those hexagons and its background image with css https://www.youtube.com/shorts/IDYVZT3Jwzk?feature=share...

10/23/2023

React useState and useEffect do not render the results I need

I'm new to react and need some help. I'm making a forge application I have two functions getAllBoards() and getAllSprints(). I have two dropdowns Based on the onChange value of dropdown 1 (Boards dropdown), I need to change the dropdown 2 (sprints dropdown) to show the name of the sprints of the board selected in boards dropdown. ...

lafayette

10/23/2023

toggle btn not defaulting back to appropriate toggle after clicking on new subpage

I can't use codepen / jifiddle or anything for this example as they only allow you one html file per pen; so instead here is a screen recording to show you the issue:

Jus Sus || 💀

10/23/2023

How to repeat text using ::before and ::after

https://codepen.io/stressunfit/pen/OJdJQxq I want to achieve similar affect as this hero section of this website: https://fatfish.ca/en/. How to achieve this using ::before and ::after, cause i want to keep the main text (text in black) to be centered in any screen size....

Hamza Naeem

10/23/2023

How to make this?

I wanted to replicate this design for products page, the problem is that for large screen the filter are visible on left of screen, but for mobile screens, the filters vanished, and filter could be accessed by clicking on filter button, feeling confused how to make the structure, anyone could help me to understand this, manily I am confused how to structure it, thanks

BlueBeka

10/23/2023

Is it possible to scale an element by a fixed about using only css

I have a style that display a scale effect when a focusable elements is focused. Here's the rough css for applied to an anchor tag: ```css...

lafayette

10/23/2023

location.pathname is undefined

https://codepen.io/gsadopkgj/pen/oNJKxQR (i've put in the appropriate for the object property names - they now match the location.pathname)

Ryan

10/23/2023

CSS | Flexbox | 6 images

First post so apologies in advance if I miss on formatting w/ anything. Hoping to get some suggestions (maybe guidance) on a coding assignment rooted in using Flex-box to build out a heading and six portraits. There's some emphasis on 'variable-width' & 'fixed-width', which I don't truly understand yet. Specifics The heading needs to display above the six portraits. At a very wide width, all six portraits will display in a single row. At a moderate width, the portraits will display as two rows of three portraits. At a narrow width the portraits will display as three rows to two portraits. Your flex-container will be variable width. Your images will be fixed width and height....

Abrar

10/23/2023

error handling

<!DOCTYPE html> <html> <body> </body> <script>...

Chaves

10/22/2023

I'm suffering from a vertical scrollbar

Guys, I'm struggling to center the content because it's creating a horizontal scrollbar, can you help me based on the code?

Igor Petrovic Design

10/22/2023

CSS Does auto margin have a predefined minimum value (that prevents it to shrink to zero)?

Hi, New here, read rules, hope I am posting the question the right way 🙂 I have set the max-width for a div at 400px, and margin: auto; and the div is centered....

DoContra

10/22/2023

future issue !

hey guys, I come to ask a counsel to you, basically I am a university student of web development and shortly tou to finish the course, I sincerely do not feel that I have learned a lot in the area of the front-end, I feel that the knowledge I have is with the videos that I see etc..., in the bottom my goal was always to be able to work on my own to sell websites etc, I recently contacted some local business explaining the situation offering my services at a very low price than is normal, and I feel some did not have interest for lack of confidence in me and liked to know what will be the best way to change this, I liked pretty much to create a website portfolio but I do not have much content to put from there the question whether I should create imaginary websites and put there, if I should talk to local business and create a site for free and put the site in my portfolio etc.. I like to give the opinion of who has already been through this. Thank you!...

Jomu

10/22/2023

$ is not defined error

I've been trying to add a script that adds a class (.img_ _item--hover) to an element (.img__item) when the wrapper (.box) of said element is hovered. However, this error popped up in the browser, telling me that $ is undefined. I haven't been able to find a solution....

app.js

★𝖕𝖆𝖓𝖉𝖆☆

10/22/2023

Section Table Columns

I made this table (attached image) but it made out of divs. Is there a way to make two sections for my table and have space between them like a flexbox?

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