Background image not showing without text on it
background image is not showing for column col-md-8 when i place text on it it displays only then . If i set height and width it is visible but i want to fit the image properly so that it takes 100 percent of height and width of div .check the images
side task labels
I need to make this kind of label at the side of my text outside of main area of the page, it needs to be aligned with that text.
at first i have done that with a grid (at left bar was that label and in the middle area of the grid i was using flex box for a responsive design)
but now I have a problem:...
Stacked Testimonials
https://codepen.io/ahad4387/pen/gOQvoLZ
Trying to achieve stacked testimonials animation which has cards below it scaled down similar to the image attached.
From this reference codepen( https://codepen.io/maleekcodes/pen/MNWVQK ), I've managed to get the functionality right but I'm not understanding how to get the remaining cards stack below similar to image rather than above.
...
css container property blocks position absolute element from positioning correctly
I recently tried using the CSS
container property for the first time and encountered a situation where I may need to remove it and continue without it. Please refer to the attached image for clarification.
I have a container to which I applied the container property to utilize @container queries instead of @media queries. Within this container, there is a child element that I wanted to align to the right of the viewport. I applied position: absolute; right: 0; to the child element, but instead of moving to the far right of the viewport, it stopped at the borders of the container element as if the container had position: relative; applied to it.
I made sure that none of the parent elements, up to the container element, have position: relative; set, and I confirmed that they are all unset....
svg path is not at the specified location even thought the starting /end point is correct
im using getBoundingClientRect() to get the div position and with that position im generating the spline . if you look at the picture u can see the coords
```js
...
<fieldset> & <legend> effect without incorrect semantics.
Trying to help somebody else on another server who wants to achieve the pictured effect.
The effect of the "BUGGED" text's
padding-inline covering the border but still maintaining transparency to the background behind (which obviously isn't a solid colour) is like <fieldset> & <legend>, but using those elements here would be wrongly semantically and I'm struggling to think how to do it otherwise as there aren't relevant default styles on those elements to emulate...
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/...
