Kevin Powell - Community

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

Fixed Footer over content

Hello Guys! How are you doing? I have this fixed footer, i need it fixed at the bottom, but its hiding the content. ...
No description

Image optimization in plain React

Hello, is there any opportunity to have image optimization libraries for React JS like Next/Image?

responsiveness for with heights

hey, how do you guys deal short vh devices, i have a laptop with short vh and i always get the same problem with content overflowing to the bottom, with other screens (large) that i use everything is fine, any suggestions?

converting bootstrap template into next js

i am trying to convert bootstrap template into next js which is using owl.carousel.js library its only showing image in carousel for like 1 sec reference video => https://streamable.com/h0c9o2 github => https://github.com/AnonymousDEV001/nextJs-carasol in github code its just carousel so u don't waste your time finding the right page I had hydration issue i fixed that and now i don't have any errors and now its not showing carousel image at all not even for a sec...

Lighthouse & Multi-format Responsive <picture> tag

I'm a little perplexed and wondering if someone can see what i'm missing. Running a Lighthouse test on one of my sites and it's coming back that I should be using WEBP as my image format of choice. As far as I can tell, I am and have PNG as a fallback. Below is the code in question. <picture>...

Set a title

Hi everyone I realise this https://codepen.io/alpha_66/pen/wvOXdGw this the original screen...
No description

overflow-y: scroll not working in Chrome

hey again everybody. I just noticed I have an issue with my website when using it with Chrome based browsers ... the overflow-y: scroll isn't working. In Firefox and Safari it's working just fine. any ideas what's causing this? ...

Set a grid

Hi everyone I want realise a grid but I don t understand what is going wrong
https://codepen.io/alpha_66/pen/wvOXdGw...

Embed Youtube videos without info

Hey guys, I am trying to embed a youtube video on the UI, I was able to do it using <iframe> but I want those controls and title to be disappeared which comes on bottom and top of video respectively when we hover over that video. Is there any way to achieve this. The thing which I am trying to implement is to embed a video like Netflix browse page on UI. I am making use of TMDB database to get the youtube key of that particular video....

I need a help in NEXT JS google font

i am having a problem in my next js project of google font is not loading or displaying on web or browser and not showing any errors in console and in first it was working but now it is not can any one help

dynamic cards sizing issues

I have been working on a dynamic payment form similar to the one from frontendmentor but I am trying to do it with all CSS and no images or SVGs. I started with a mobile first approach and tackled desktop version through landscape media query which to me was good since it made it responsive for mobile devices on landscape mode. Main thing I’ve had trouble with is coming up with a way to size the dynamic card and it remain responsive and consistent across different screen sizes. Thank you for...

SEO wordpress

Hey guys I'm not sure if this question is related to front end or back end but I have a new website that was created for my through WordPress and I want to be sure its SEO optimized. Would anybody be able to help me out answering some questions I have and what information I'm missing. I appreciate any help in advance. frozencomputers.co.uk/...

Small white space at bottom of bootstrap site

I have tried over and over debugging with chrome tools. When I hover over the "P" element in my footer it shows that it is pushing down and creating the space. However I have no Margin bottom (mb- is the bootstrap for margin bottom) in my footer at all. Here is the element that chrome tools says is the problem. <p class="text-white pb-5 fs-3">Copyright © Frontend Bootcamp</p> ...

How can I center this box I created?

Hey there Im working on a project and I wanted to center this container (White Box) how would I go about this correctly? Ignore the "My Portfolio" This isn't actually mine thats just a button to redirect the user to my portfolio
No description

Project Questions

Hey there, I had a quick question regarding projects - So If I were to create a project to put on my portfolio should I have anything to redirect a user in a NAV Bar? or would it be fine to have one button that says "My Portfolio" so if a user likes my project they can click the button and learn more about me and see other projects.

Form To Send Emails

Hey, I have a quick question are there any good websites or anything for submissions? I had one originally but it isn't working as intended and i wanted to know if there are any that work better specifically where someone submits a form and it goes to my gmail.

How can I make a button redirect better?

So, I've created my portfolio and I have buttons <a href> for my Nav I wanted them to redirect the user to different parts of the portfilo. Would I just add an ID to the class and use that in my <a href="">?

Is a global grid with 'auto wrapping" subgrid possible?

codepen: https://codepen.io/elmcrest/pen/ExMLeLW I'm experimenting with a new layout trying to get a global grid to work with multiple subgrids. ...

Need help with my image and linear gradient property

How Would I get my image to remain solid white but the background remain the color its supposed to be without fading the image color. If you look at my copy of the challenge design my image fades with the background, but on the challenge itself the image remains solid and is not affected by the background color
No description