How to remove the blank space in the component
So I have a toaster component that aligns toasts at the top. When the first toast uses more width than the second one, a blank space is appearing. How do I remove that extra blank space?
Here is the toaster html
```
<div
class="toaster position-fixed top-0 end-0 px-3 py-2"...
Responsive positioning in css
Hello, hope you all are doing good now can someone explain to me how do I position my logos (Netflix, Shopify, Spotify, Walmart). exactly like in the design, please include your HTML too.
code: https://jsfiddle.net/speedy2k/n28p56ua/6/...
Building a replica page but have issues with positioning and nesting of elements
I've attached the image I 'm trying to replicate, and here is my current progress: https://codepen.io/Laing91/pen/GRwyaMq
1) Is it going to be easier to include Announcements and Trending inside the grid container?
2) An issue I come across with my live version (codepen doesn't show this), is that the side navbar doesn't meet the end of the page, or it does if I increase the width of that nav to 30% or higher, but at 20% or less it seems to have a large amount of invisible left-padding. https://callum-laing.github.io/admin-dashboard/...
How get element by data-attribute in javasript?
I have this data-attribute
How better interact with this element
console.log(document.querySelector("dropdown[aria-current]"))
returns null...
Can we use box-shadow to create stretched shadow?
Is it possible to create a stretched shadow for any element in html using box-shadow like in shared image.
Function not printing in the console
Why this function not printing in the console and not showing any error?
How big should the image sizes be?
I've been working on a site and I wanted to check how fast is my site loading with DevTool's Network option and it got nearly 40 seconds, so I've done some optimizations and it takes like 4 seconds for fast 3G now, which is still slow I guess, so I would like to ask how much KB is convenient for an image? The image in the photo is 134 KB. Is it too much or should I look for other options to speed up my site? Image's original size is 491x600.
Struggling with UI DESIGN
Guys i've created this login page +sign up page but i'm struggling to stylize it, any better color for background-color, fonts-color thanks that would help me so much
How do I customize bootstrap‘s $form-validation-state?
I ve been trying to solve this for hours and I cant find the solution. All I want is to add the property ‚background-color: black‘ to the invalid state.
Here is the doc. Scroll down to sass.
https://getbootstrap.com/docs/5.3/forms/validation/#browser-defaults,
This is the appraoch if you want to change the $theme-color or $spacer, but it doesnt work on $custom-validation-states and the doc doesn't say exactly how to do it....
Trouble targeting classes on mobile
I'm trying to use this media query to add extra padding on the bottom for mobile.
@media (max-width: 769px) {
.two-col-section_grid .two-col-section_grid-desc.mobile {...
