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

help

How does scope attribute works in HTML table?

Hello, I was reading a bit about the scope attribute in HTML table. From what I've understood, it "associates" a table header to a column, like: ```html <table border="1"> <thead> <tr>...

Can't login to https://learn.kevinpowell.co/

I have tried enrolling three times. But everytime I click dashboard it sends me back to the login page and then it says that my account doesn't exist?! Please help...
No description

why I'm getting this behaviour?

Targeting all labels with this in css label{margin-bottom:.5em} affects only the first two labels(first & last name) and ignores the email label, why it happens my html goes like: ` <form> <div class="first-row">...
No description

Why is there a flex gap around the first and last item in a wrapped row?

I have a flex row 1rem gap justify content flex-start, when wrapping it ends up being three rows. When it doesn't wrap, the first and last items are at the edges and there's a 1rem gap between columns and everything's fine. But when the row wraps, suddenly the first and last items are not at the edges - they have the 1rem gap around both sides of them. If I take out the gap while wrapping, it's also fine and aligns properly. But when wrapped, there's this noticeable gap at the front! Any ide...
No description

Mobile button style navigation

I'm updating the format of our conference mini-sites to function like our mobile apps on phones and still function like normal websites otherwise. Along with the top nav bar I will have a mobile icon nav bar for the secctions. What is the best way to build that? Should I set it up using a list <ul><li> then setting a flex direction of row or would it be better to set it up in columns with <section><div>, or a completely different way?...

Is there a way to fix this text-wrapping issue?

I have a .text-wrapper with a width: fit-content, but as you can see, there's a LOT of space on the right, is there any way to fix that without having to hard code anything? Here's a codepen for the demo https://codepen.io/Lko3001/pen/EaaeXdW...
No description

Host website on Github with sass folder

hi ive started using sass lately and when i try to host a website on github it shows 404, mainly because my index.html is inside /dist folder i couldnt figure a solution to this issue .

Fetch Facebook reviews or page meta

hello there i wanted to fetch reviews from my facebook page to my web app, but this is too complicated perhaps smone have done it before and know what kind of token i need and what type of api i need to use if thats even possible

Where did I mess up the html

Hello IM trying to do another FEM Challenge and just ready with the html Live : https://roelofwobben.github.io/browser-extenstion/ ...

How does ".vtt" file work?

Hello guys, I was reading a bit about videos and audios on MDN and came across ".vtt" file extensions. I'm a bit confused about that, how does it work? Do we take, say an audio then change its file extension to .vtt?

when to start backend

when do i know when to switch to learning backend and what do i do when i people give contradicting suggestions on this...

@starting-style not recognized

I do not understand. I feel like I am going crazy. I am trying to get information on @starting-style but the more I look the less sane I feel. I have scoured the internet on this issue, nothing. I have asked AI, nothing. I have checked CanIUse, its supported- by like EVERY browser. My code editor? DOESN'T RECOGNIZE IT. Error: Unknown at rule @starting-stylecss(unknownAtRules) ...

Some Feedback for my Design

Im currently working on a design and would really appreciate some feedback. Could you take a quick look and let me know what you think? I know the content doesn't make much sense yet and the images are just placeholders for now. I'm mostly looking for design tips or suggestions for improvement. Thanks in advance!...
No description

Instead of deciding which semantic tag to use, can we use div and replaced them later on?

Hello all, instead of choosing which semantic html to use, can we use div then later on when we built our website to switch to another tags? Like I mean, we have a div element later on we notice that ok this is our main content, so we switch to main tag?

Help with animating dialog element

I am having some difficulty understanding what's happening with this pen: https://codepen.io/mindjacker90/pen/KwwBpjj. Everything works as expected until it transitions out. When the dialog closing transition runs, if the dialog has a positioned ancestor, the percentage values of properties like height become relative to that ancestor. I do not understand why this only happens when the closing transition is playing. I would appreciate any explanation. Thanks for taking the time to go through my question....

section tag vs article tag in semantics HTML

Hello, I've understood that section and article tags are both part of the main tag. My question is, does section and article work in pairs and are they only used with main tag or can they be used in an aside tag? Now, what's the difference between an article tag vs a section tag?...

How to structure a footer and what to include in it

Hello, sorry to disturb you all... I was just reading about semantics HTML tags and they mentioned about the footer tag. Basically, the footer tag should contain "additional information" about our website; what does that mean? From what I've read, it can contain contacts details, what else? I also noticed in several websites, they are structured in a column-wise, is that a convention?...

What is the right way of learning a new framework?

Hello guys, I need to learn vue.js for a project that some friends and I are making. I was wondering, what is the right way of learning a new framework, is it going through the docs or through a "crash course" video on youtube for example. From what I've noticed, docs are way faster and some time, we understand things that take 5minutes to read and understand in docs rather than listening for 1 hour in a video. On the other hand, sometimes videos do provide some practice uses, some more insights etc....

Is it possible to make input element fit-content with css?

Hi guys, I wonder if it is possible to make input element fit-content with CSS (I'm using tailwind css)? I tried, but it does not work ```html <div> <input className="w-fit"/> </div>...

Editing svg #shadow-root content

I have an svg that has #shadow-root content that houses a down arrow with a fill on it. See images. I want to edit this fill to make it transparent, but I do not have access to the html. The only way I can think of is removing the element from the dom and adding in the same element html without the fill. Is there a better way?...
No description