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

Using RollUp, trying to import images

I have shared module that is bundled as a library and then installed in another MFE. The shared module is bundled using rollup, I tried different plugins for importing image the build is sucessful, But then I use the component which had images from shared module in MFE the other content loads but images doesn't load for that component that had images....

Grid system

Anyone know if this is possible? I want to make a grid system. Now it is not possible to get them right. Photo 1 is what it currently looks like, but it. should be like photo 2. So everything should fit together...
No description

displaying something in table problem

I was practicing php CRUD, I figured it out that it was the css fault when I try to configure it here is the html structure ```<tr> <th>id</th>...
No description

Data from API is displaying in the console but not in the DOM, why?

Hey, I wanna display in the page the data from the api, but for some reasone, it is not be rendering. api.jsx file ```js import axios from 'axios';...
No description

filter the tpe using stimulus

hi guys maybe some of you here have experience this and some of you might say this is easy for you, but can you please help me how to create a stimulus code to filter a specific type when i click one of this button <div class="job-button"> <a class="job-headline" data-action="click->jobs#vollzeit" data-type="Vollzeit">vollzeit</a> <a class="job-headline" data-action="click->jobs#filterJobsFromButton" data-type="Teilzeit">teilzeit</a> <a class="job-headline" data-action="click->jobs#filterJobsFromButton" data-type="Praktikum">praktikum</a>...
No description

Grid styling

I want to create a tile with specific size and after clicking + plus sign it should create another one in 2nd image i am experimenting grids but somehow cant get them proper they arent suppose to be far apart...
No description

split border on inline element

Hi! Does anyone have an idea why the border appears split on the h1 element in this code? <div class="one"> </div> ...
No description

Why does everything goes bad when I resize my window size?

I've just begun to learn html and css, and I created a layout which looks good in a normal computer screen, but I tried resizing it to a lower screen and it looks bad, everything start's getting out of the container. here's my code: https://glitch.com/edit/#!/techcrunch-layout-chakdekhan here's the live site: https://techcrunch-layout-chakdekhan.glitch.me...

What is a build tool and why do we need it?

Although google does hold it's answers, it still confuses me and i couldn't find a simple explanation, What is a Build tool for example (Vite) and why do we need it?

need help with react pagination

Always shows page 1 although, I'm able to switch to next pages Just want to update the page number as well Btw I'm using material ui...

How to prevent a div going under a sticky div?

I want the text messages to not go under the sticky input.
No description

popover api and anchor

is the html property anchor="element_id" not a thing?

Text fade in and out CSS

I want to make the text go transparent in the top and bottom of the circle and be able to scroll

CSS 2 Column Layout

Hi front-end friends! I have a blog post layout in my head, but after some searching the web, I can't quite seem to find exactly what I am looking for. I have also messed around in trying to code it with grid layout, float etc. but can't get it right. I want to know if it is possible and if anyone has done something similar? I want a two column layout, but at the top of the right column, there must always be a featured image, and the text for the blog post will start in the left column and overflow to the right column, without explicitly having to hardcode what text I want in each column....
No description

CSS prefix

Hello everyone, I need some opinions or suggestions. How do you determine when to use CSS prefixes? Which approach is more commonly used by developers: manually adding vendor prefixes or using a third-party tool like Autoprefixer...

Modern version of stylelint-config-rational-order ?

I'd like to lean on stylelint to keep my properties in a rational order, but the existing stylelint-config-rational-order is outdated, and does not include any logical properties whatsoever (like margin-inline-start). Is there an up-to-date version of such a config for stylelint that includes all modern (as of 2024) CSS properties?

How can I show the select options at the bottom of the screen on a mobile device?

I have a number input and a select input next to it like the image attached When I focus on the input[type=number][inputmode=decimal] , it works correctly where my number keyboard pops up however, when I move to the select options, the keyboard goes away and it is only focused upon. I want to allow the user to keep their hands at the bottom of screen and select an options like option 1 and 5 here in this website...
No description