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

Justine

4/21/2024

how to remove right side whitespace in my web page?

hi guys, can you please help me gid rid of this white space? it only appear when i am in 438 screen size.

snxxwyy

4/20/2024

best way to create a class/data-attribute to hide content on certain devices

Hey, what would be the best method to create a class/data-attribute to hide content on certain devices? I'm using a data-attribute here. For the example codepen, i'm trying to hide a div with display: flex; on it whilst on a mobile viewport, whilst having it display otherwise. The problem is, since the data-attribute is using display: none to hide the div once it gets to mobile, the display: flex; overrides it and it doesn't disappear. I can't utilize !important since if i put it on the display: none, it makes the div disappear altogether, and if i put it on the display: flex; it gives the same result as the initial problem. Is there a more efficient way to do something like this so problems like this aren't encountered. Thanks in advance....

Matkaz

4/20/2024

search bar

I need to make search bar that will filter by the name, ive red the react documentation but still, i dont understand how to make it

lko

4/20/2024

What is your favorite static site generator?

I've been on a journey to find the best static site generator because there are so many like hugo, astro, 11ty and more and I cant choose, so I wanted to ask you some opinions about SSGs

MagicEmperor

4/20/2024

How can I go about implementing this flex layout

I found this amazing portfolio - https://yasio.dev/#work On the first impression i thought it was a grid layout , but by inspecting it(quite literally) I found it was using flex box with different margin values , After a lot of brain storming I still cant figure out how can I dynamically generate this layout. I am assuming this is not hard coded...

Israr

4/20/2024

need Layout suggestion

what would be the right approach to create that purple shape behind the logo. should i export it as image from design file?

lko

4/20/2024

Why isn't mask-image working

https://codepen.io/Lko3001/pen/QWPJOxa Why isnt this working?...

francis

4/20/2024

Media query not working

any one can explain, why it is not working? ```css // my styles .style{...

Avi

4/20/2024

Making an element take 100% height and scrollable

I have a setup similar to: ```html <div class="parent"> <div class="child-1"></div> <div class="child-2">...

Jonah

4/19/2024

Grid Issues

I'm trying to move my study and dates column but, it's not working. https://codepen.io/Jonah-the-lessful/pen/poBQeqz

4/19/2024

How can I ensure that a middle <div> can shrink before affecting the first <div> within a flex box ?

How can I ensure that within a flex container, the middle <div> shrinks first if needed, and if the first <div> is longer, it also shrinks without pushing the last <div> (which contains a badge) to the right, ensuring it does not shrink at all? here is the demo to the codepen: https://codepen.io/umanga/pen/WNWYore...

cat

4/19/2024

help with date function of javascript

const date = new Date(2024,2,0)
date.setDate(date.getDate()+4)
console.log(date)

const date = new Date(2024,2,0)
date.setDate(date.getDate()+4)
console.log(date)

if the result of (date.getDate()+4) is 33 then the second line of code should set the date value of the date const to 33, which means the result should be april 02 2024 right? why is march 04 2024 the result then...

snxxwyy

4/19/2024

100% & chosen size method

Hey, let’s say you want a h1 tag to have a max width of 16ch on desktop, but on mobile you want it to have a width of 100%. Is there a way, perhaps using min/max, to define this without using a media query? Thanks in advance.

empty

4/19/2024

Sticky position

Hi guys, I want to display 2 div elements with sticky position on top when scroll down. But When I scroll down they stack on each others. How can I solve this issue?

Matt

4/19/2024

How to get a string within a string (JS)

Let's say for example, I have the following string in a URL /?search_query=new%shoes&filter=shirts&color=red or /?filter=jackets&search_query=new%shoes&color=orange...

ProdJuan

4/18/2024

Text overflows shrinking containers as browser is narrow, how to fix?

Here is the PEN: https://codepen.io/prodjuan/full/qBwJNjB I have a nice layout with a grid of cells on the right column, but the description text spills out past the parent container. How can I fix this to look better? Smaller font? shorter line-height? Any other options? Thanks!...

Olimpio Adolfo

4/18/2024

Any idea of how to apply this hover effect?

I want to implement the colorful hover effect behind this page. But I dont know from where to start. https://www.alecbabala.com/?ref=godly...

Lawani Elyon John

4/18/2024

HTML CSS

Please I need assistance in making this footer I'm not really good at designing footers I need help and assistance. I've Made the login form but i don't really understand designing the footer

yahya

4/18/2024

angular

Hello, anyone uses visjs timeline in an Angular project ?...

kasino

4/18/2024

text-area dialogue box

I want to make this dialogue box which appears when i click on add description. Can someone guide me or give some dummy code to which I can refer and achieve this...

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