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...
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>...
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';...
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>...
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...
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>
...
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.
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....
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...