weird space on top with svg in label
https://play.tailwindcss.com/OZEAWyNk9X
in the linked code there seems to be some space on top when i add the svg inside the label. it goes away if i put display flex on outermost div but I can't figure out what is happening here...
flex basis, weird behavior when set to auto and 0
Context: I have 4 flex items inside a flex container, each flex item is allowed to grow and shrink, the flex item 2 has a flex basis of 800px,
Now I have 2 questions...
First: why the other flex items are growing and not shrinking despite of the fact that the flex item 2 isn't 800px width like it should be, I mean there will be a space for it to grow if the other flex items tried to shrink or at least not to grow
Second: when I set the flex basis for the other flex items to 0 the flex item 2 takes a little bit more space than if I set the flex basis for the other flex items to auto see the photos...
How does push notification and VAPID keys work?
Hello, was reading a bit about push notification on PWA. From what I've understood, our browser never sends push notification directly to our app. The idea is, our browser sends it to a push service and then the push service delivers it to a server that will then delivers it back to us?
Can someone confirm if the flow I gave is correct please.
I also read that during the exchange between browser to push service and push service to web server, we have the signing of keys, public and private VAPID keys....
How to make all list item categories have the same width while keeping bullets and aligning wrapped
I have a
<ul> with bullet points. Each <li> contains a category (e.g., “Category 1:”) and then a list of items.
I want to:
1. Keep the default round bullet points (<li> markers).
2. Give all categories the same minimum width so they line up nicely....
Creating and animation graphics in CSS
Hello, I want to learn how to make shapes/designs in css (as shown in the image, PS: I obtained the image from another thread), like custom made design without using images etc. In one thread, I noticed people were talking about SVGs, anyone has a resource to recommend where I can learn all this stuff and canvas stuff please.
There are a bunch of animations that I saw on the web that require the knowledge of canvas/svg and a bunch of mathematical stuff, like when we move our cursor, we have small animations related to the motion. I wanted to add this knowledge of drawing things under my css belt :c....
Unable to keep the gridlines behind grid items, they're overlapping! how to prevent this?
So I've got 9 tiles and its a grid layout. I want to add 4 gridlines for each tile, top/bot/left/right . But i want the gridlines to be behind the tiles, I even tried negative z-index for each gridline and z-100 for the tile but it doesnt work
https://play.tailwindcss.com/fKF7sIPjzR...
