image-cover
Hello everyone, can you help me in this background image because I cant fit this in my screen until the bottom, the image is cut when it comes to full heres the image and the Design the first image and the this is my code and the 3rd picture is my website, I just want to make like in the reference design. Thank you
CSS text-overflow: ellipsis not working
Hello, I am using grids to layout my elements, so I am controlling the size of the child elements using the parent element. Which results in my child having not specified sizes but have size which has been decided by the parent elements gird properties.
Now when I try to apply text-overflow: ellipsis to my #title span or #description span, it does not work.
I tried to give fixed size in pixels to the title but it didnt work either....
CSS Media Query not Overriding
I have this problem where my media query on specific screen size is not overriding. When I open mg dev tools, there's a strikethrough on my style even though I have the same screen size. I don't understand why there's a strikethrough, I would appreciate any help. Thanks!
Best way to create this effect
I'm trying to create this effect, where the overlapping image is cutting out a part of the underlying image. In this specific scenario you could probably get away with a border? But I'm thinking of using masking or clip path to also learn it better. I've messed around with some before/after pseudoelements but couldn't get it working, and my real question is :
Would it be best to just use a svg mask? And apply that? seems like the least hassle after you get the svg created....
Two column layout using four divs
Hello,
I'm looking for suggestions on how to create the layout attached. Ordinarily this wouldn't cause too many issues. However, I am unable to change the markup and hence need to make this responsive with the following markup.
```
<div class="productcols">
<div class="productcol"></div>...
How to position svg that underlines a text properly
I have to get this svg positioned rigth below the text (with a min space between the text and the svg) and it has to follow the size of the text (which changes according to the width of the screen)
By now the svg is positioned like this:
Html:
` <h2 class="dark-olive-text bolder">...
