How to recreate this component with (optional: TailwindCSS)
I am trying this but I don't know why I can't make this happen, everything is failing, clip path, background image etc, mission impossible for me, I would love to see how some CSS Wizards would solve this with the fade inside with the dotted pattern bg, fading border and nozzle grain bg ish. Thank you! ❤️
I don't have any URL, otherwise I would inspect it and see how they have done it....
grid breaking my brain
https://codepen.io/Miss-Fox/pen/WNqzOdm?editors=1010
each .collections-item is the same width.... each .collections-item .img-wrapper__lg is the same width... each .img-wrapper is the same aspect-ratio .... and has an overflow: hidden....
so why does the last one have a gap in between the three small images and the first two , their row of three images overflows onto each other?...
how to Remove border in input while focus in css
```css
#search{
width : 300px;
height:50px;
padding-left:10px; ...
Increase additional height of a dynamic element
I wanted to increase the height ( ON HOVER to show the description ) of the div element which has a dynamic height of the inner element (i.e. an image), if someone can help me with this query it would be really helpful 🙏
Basic HTML:
```html
<article class="gallery">...
SVG - Fill the overlapping part of two <circle>'s.
I've created a SVG with two <circle>'s that are placed next to each other, with some part overlapping. I want to fill the overlapping part with a color. I'm trying to explore <filter> but short on time, would appreciate if someone could help me with it.
```html
<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
...
Flex or Grid for cards?
Hey, i'm building a CSS project with cards, i'm really confused if we should use flex or grid for these cards. I'm preferring grid as it won't shrink the sizes of these cards at all, and they'll offer a structure from the parent. However I'm Worried about responsiveness, should I use a breakpoint then? or do you guys have other suggestions
