Can I make the bottom come to more of a point?
I'm trying to replicate the shape of the attached badge, but I'm struggling to get the bottom radius' to form a point, instead of a fully rounded border. Is this possible with a single shape, or am I going to have to look at creating multiple shapes? 🤔
A "continuous" box shadow on an element
I'm creating a pill shaped button from a design that has a box shadow like effect, however two key features of the shadow complicate matters, the shadow must visually connect to the element in a straight line, and the drop shadow also has a repeating background of it's own.
The first attached image shows the design, and the second shows where I'm up to with the implementation.
My current approach is simply creating an
inset: 0 element underneath the pill button, applying the appropriate border, and applying a repeating-linear-gradient to achieve the striped background effect. I've no doubt this is an issue that has been solved before, but I've struggled to find the answer....
truncate style does not work
Hi guys, I apply truncate to p tag but it does not work. Cany anyone help me explain why?
VueJS Navbar
I know space-between would work, but I only want the links spaced sliiiighltly apart, like 20px or so..?
```<script setup>
import { RouterLink, RouterView } from 'vue-router'...
Any ideas on how to create a double border chamfer with transparent background?
I remember that Kevin has a good video on creating borders with cut corners here: https://www.youtube.com/watch?v=aW6qEAQSctY
Is there a way to create something similar but has transparent background with just CSS without resorting to SVG?...
Preserve image aspect ratio with Gatsby image component within Flexbox
```
export default function Header() {
return (
<header>
<StaticImage...
How to make slope box in css.
I have one card. in that card, i have one slope. i tried using clippath for creating that slope. but it doesn't worked me out. please help me. i have attached both images. first one was design. second one was i trying to make that design.just need that slopy curve,
code:
```
import Image from 'next/image';...
Tailwindcss flex-col issue
Hi guys, I am trying to build a login page and currently I am using tailwind css to build it. I am putting flex-col as a property but its changes are not reflecting. I am not sure what I am doing wrong, can someone help?
I can clearly see flex property is getting set on right side of dev tools but not the flex-col property...
