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

Brunkz34

3/17/2023

How to center a div without flexbox or grid

Hello! I'm doing this first challenge of Frontendmentor.io, and I would like to know how to center that div horizontally and vertically, so that it fits at the center of the screen no matter it's width or height. I'm all ears to hear possible solutions, thanks!!

Peacock Plume

3/16/2023

How do I style only the text inside lists

How do I style only the text inside lists, I'm using marker on these lists not "::before". And I don't want the marker to be affected at all by it.

Cocoman

3/16/2023

one side box-shadow

Is it possible to add box-shadow of any width to an element? I'm watching a tutorial of Kevin. He achieve that using after element and grid areas. I wonder if it's possible adding just box shadow to the before element(before element is the number next to title)

samidev

3/16/2023

I have a assignment from company that i apply and i don have much time can somebody help me

the things i have to do are in the picture... can somebody help me...

Peacock Plume

3/16/2023

Body - font-feature-settings question.

Imagine you have 2 different variable fonts and want to set different font-feature-settings on body for those 2 fonts, how do you go about it without using classes, you don't have to look at browser compatibility and you can use all the latest css but it has to be supported by at least the latest Chrome and Firefox versions, other browsers are irrelevant so you don't have to worry about that. I wonder if that's even possible using stuff like :where, :is... For those who don't know what exactly I mean, here is an example, so I have my body font settings like this and want to apply the font-feature-settings only to the font family assigned to body, without affecting other fonts. ```css...

3/16/2023

How to make a navbar menu fro Frontend Mentor

Hi everyone, I am having a trouble making the transparent menu from Frontend Mentor Challenge. It is not that I don't know how to make it transparent but I cannot match the color in the image. This is their given color: Soft Blue: hsl(231, 69%, 60%) , Soft Red: hsl(0, 94%, 66%), Grayish Blue: hsl(229, 8%, 60%), Very Dark Blue: hsl(229, 31%, 21%). Also, while I am at it, I want to ask about what is the best way to make a navbar with HTML, CSS AND JS. I also want into trouble making nav whenever I code so I want to know the best way to do it....

Zach

3/16/2023

Letter Spacing on Hover causes Visual Glitching

This is actually for a different website that has some semi unique css/html, but I was able to recreate the problem in a codepen with some specific rules. https://codepen.io/rainbow_blacklight/pen/mdGKyag Here's a video of the error; warning for photosensitive viewers. ...

d0kefish

3/16/2023

Chrome extension

Ive created a simple extension for chrome, I'm now stuck on a silly issue. I want to change the corners to rounded corners, is this possible?...

Kernix

3/15/2023

What job boards do you recommend for finding jobs?

I use 3 different websites for web design / developer jobs. 1. Dice 2. LinkedIn 3. ZipRecruiter...

Squidgical

3/15/2023

Rollup - add output banner & footer ***after*** bundling

In my rollup config I am passing the footer and banner fields to output ```js // rollup.config.js ...

Rianẍa

3/15/2023

border inside the button

Who can help? I got a button. But how can I get that border inside of the button?

glutonium

3/15/2023

querySelectorAll(); !!

k so i have a div with the id "gridContainer" and then i have 100 divs inside of it each having the same "box" class now i want to get all those 100 divs and store em inside an array.. ...

Avinash

3/15/2023

Triggering an event for search box when enter key is pressed or clicking on svg.

I coded twice once for keypress and another for click event. IS there a better approach for such situations? ``` const locationInputEnter = document.querySelector("#location-search-btn"); const locationInputClick = document.querySelector(".search-btn");...

JWode

3/15/2023

<picture> tag and resolving images in my hero section

I'm trying to increase the performance of my site, so I've got 3 different jpg hero image sizes, and 3 different webp sizes: ``` <picture> <source ...

Corizon

3/15/2023

How do I approach this kind of design or layout?

I used grid to achieve the background but, I couldn't get my text to be like that of the shot 😦

Corizon

3/15/2023

How do I create a responsive text?

A project I'm working on have lots of media queries just for the text to adapt to screen sizes. I would love to implement a fluid text responsiveness or even a stepped responsiveness but in better way with or less media queries. Thanks 🙂...

Corizon

3/15/2023

How do I maintain the size of the image without shrinking the text.

Please, I need help on that, it should be like the image here 👉🏾 Thanks 🙂...

Hmm

3/15/2023

Fixed Navbar

Is there any way to fix the navbar at the top while the sibling container shouldn't overlap with nav , it should start after nav ```html <div class="parent"> <nav></nav> <div class="sibling"></div>...

Kernix

3/14/2023

Aria attributes for JavaScript added content

I have a project where the results of a form submit is added to the DOM. I'm using mostly createTextNode and append to add text to h3 and span elements. Should I add aria attributes to those elements, and if so which one(s)?

winniffy

3/14/2023

how to format date & time in javascript

how do i truncate the 'GMT+0100 (West Africa Standard Time)' part from my

new Date

new Date

? i know of the

get functions

get functions

, but i want the month to stay formatted as text and not numbers?...

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